Hexo+Github搭建个人博客教程基础篇（Windows篇）

Hexo+Github搭建个人博客教程基础篇（Windows篇）

Hexo安装

准备

• 安装git、node.js 
  直接在官网上下载最新版本 
  git官网 
  node.js官网
• 检验安装是否成功 
  安装完成之后，在你认为合适的地方新建一个文件夹（博主直接建在桌面的），命名为Hexo。 
  右击Hexo文件夹，点击Git Bush Here进入分别输入git –version、node -v、npm -v如下： 
  
• 申请github账号 
  进入Github官网，注册账号 
  
  建立一个 repository 
  

注意创建与账号同名的Repository并且勾选Initialize this repository with a README

创建成功后点击Settings可以看到： 
 
至此，我的网站域名为https://yaer23.github.io

安装

• 安装Hexo 
  我是使用淘宝NPM镜像完成对Hexo的安装的 
  打开Git Bash，输入以下命令 
  npm install -g cnpm --registry=https://registry.npm.taobao.org 
  使用NPM镜像安装，输入以下命令 
  cnpm install -g hexo-cli 
  如果出现WARM不用理会，继续输入命令 
  cnpm install hexo --save 
  检验安装是否成功 
  hexo -v 
  看到显示的hexo版本如下（我的版本）说明安装成功啦（// v //） 
  

• Hexo本地运行 
  hexo初始化 
  hexo init 
  安装生成器 
  cnpm install 
  运行hexo，输入命令 
  hexo s -g 
  可以看到 
   
  在浏览器中输入http://localhost:4000就可以看到Hexo的本地运行了 
  

Ctrl+C可以停止运行

将博客部署到github上

理解

配置SSH

• 生成SSH

$ ssh-keygen -t rsa -C "邮件地址@youremail.com"
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/your_user_directory/.ssh/id_rsa):<回车>

• 1
• 2
• 3

然后系统会要你输入密码(这里的密码主要是在你提交Git时弹出密码认证)：

Enter passphrase (empty for no passphrase):<输入加密串>
Enter same passphrase again:<再次输入加密串>

• 1
• 2

成功后会出现如下图： 

• 更改Github账号SSH信息 
  找到~/.ssh/id_rsa.pub文件并复制里面的内容 
  登录Github并添加密钥，将复制的内容添加到SSH Key中
• 测试SSH是否配置成功 
  输入ssh -T git@github.com 
  系统回复以下说明配置成功

Hi username! You've successfully authenticated, but GitHub does not
provide shell access.

• 1
• 2

• 配置github用户信息

git config --global user.name your name
git config --global user.email your_email@youremail.com

• 1
• 2

• 部署到Github 
  安装hexo git插件 
  cnpm install hexo-deployer-git --save 
  打开根目录配置文件(~/_config.yml)，修改部署配置：

deploy:
  type: git
  repo:
    github: git@github.com:Yaer23/Yaer23.github.io.git,master

• 1
• 2
• 3
• 4

• 最后发布并更新博客 
  hexo g 
hexo d 
  然后打开https://Yaer23.github.io可以看到有Hexo主题的个人博客 
  至此，简单的个人博客就部署成功 ٩(๑❛ᴗ❛๑)۶

编辑并发表文章

发布文章

hexo new "title" 
其中title为你的文章命名

编辑文章

打开新建的文章\source_posts\postName.md，其中postName是hexo new “title”中的title

---
title: My first one  # 文章页面上的显示名称，可以任意修改，不会出现在URL中
date: 2017-4-12 17:34:29  # 文章生成时间，一般不改
categories: diary  # 文章分类目录，多个分类使用[a,b,c]这种格式
tags: [Hexo,diary]  # 文章标签
---
#这里开始使用markdown格式输入你的正文。
<!--more--> 
#more标签以下的内容要点击“阅读全文”才能看见，#more标签以上的内容为你首页显示文章的摘要部分

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

MD渲染文章

Markdown是一种轻量级的「标记语言」，好处很多，balabala…（自行Google） 
博主是直接用的马克飞象来写博文的

相关git命令

hexo g # 等于hexo generate # 生成静态文件
hexo s # 等于hexo server # 本地预览
hexo d # 等于hexo deploy # 部署，可与hexo g合并为 hexo d -g
hexo new [tittle] # 新建一篇文章
hexo version # 查看版本
hexo clean # 清除缓存文件和已生成的静态文件

• 1
• 2
• 3
• 4
• 5
• 6

域名绑定