教你使用hexo+github搭建个人博客

1. 环境准备（git、nodejs、gitHub)
2. 安装Hexo
3. 配置Hexo
4. 将Hexo与github page 联系起来
5. 使用nexT主题

环境准备（git、nodejs、gitHub)

• windows系统下安装git
  先从官网下载最新版本的Git，官网下载
  ，双击进行安装，一直next到底，选择默认设置。
  
  按下 Win 键和 R 键打开运行窗口,输入 cmd，输入：git --version
  
  输出打印信息，即安装成功

• windows系统下安装nodejs
  首先在NodeJS官方网址下载安装包，按需下载相应版本，默认安装可以了。
  

安装完成后，Window+R 打开运行窗口，输入cmd命令，输入node，敲回车。
输出打印信息，即安装成功

• Github配置
  1、 注册Github（如果有账号，请跳过该步骤
  进入官网，按要求输入信息，完成注册
  2、创建代码库
  登陆之后，点击页面右上角的加号，选择New repository
  
  3、代码库设置
  填写Repository name，格式是yourname.github.io（如我的名字是hehui0316,这里就填 hehui0316.github.io），Description 可写可不写：
  

安装Hexo
1、安装hexo,执行如下命令

npm install -g hexo-cli
npm install hexo --save
hexo -v

安装成功

配置Hexo
创建一个用于存放博客文件的文件夹，如我在E盘创建了一个文件夹blog，初始化Hexo

e: //进入E盘
cd blog
hexo init //初始化
npm install
hexo g //生成
hexo s //服务

提示出现：

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

在浏览器中打开http://localhost:4000/，即可看到本地部署页面：

将Hexo与github page 联系起来

• 配置Git信息

git config --global user.name "yourname" //yourname换成你的名字
git config --global user.email "youremail@.com" //youremail@.com换成你的邮箱
ssh-keygen -t rsa -C "youremail@.com" //生成密钥，youremail@.com换成你的邮箱
cd ~/.ssh //检查是否已经有SSH Key
ls //列出该文件下的文件，看是否存在 id_isa 和 id_isa.pub 文件

• 生成密钥

ssh-keygen -t rsa -C "youremail@.com" //youremail@.com换成你的邮箱

• 添加密钥到ssh-agent

eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_rsa //添加生成的 SSH key 到 ssh-agent

• 登陆Github, 添加 ssh
  把id_rsa.pub文件里的内容复制到下图所示位置
  该文件在默认目录C:\Users\Administrator.ssh中
  
  添加到github
  

• 配置Deployment
  在_config.yml文件中，(该文件就在你去前面设置的blog文件夹中)找到Deployment，然后按照如下修改：
  

deploy:  
  type: git  
  repo: git@github.com:yourname/yourname.github.io.git    //yourname换成你的名字
  branch: master

• 写博客、发布文章

hexo new post "我个人博客的第一篇博客！"

这时候在我的 电脑的目录下E:\blog\source\ _posts 将会看到 我个人博客的第一篇博客！.md 文件用MarDown编辑器打开就可以编辑文章了。文章编辑好之后，运行生成、部署命令：

hexo g   
hexo d 

部署成功后访问你的地址，https://yourName.github.io,将可以看到生成的文章。
（记住yourname是你自己设置的名字）

使用nexT主题

• 下载主题（路径是E：/blog/themes/next）如果git太慢，直接去GitHub
  拉下来，解压到此路径下。

git clone https://github.com/iissnan/hexo-theme-next themes/next

启用nexT主题打开站点配置文件 _config.yml，找到 theme 字段，并将其值更改为 next。

• 启用nexT主题
  配置文件 _config.yml，找到 theme 字段

theme: next

生成、部署即可看

hexo g   
hexo d 

更多参数的修改，美化页面可见参考官网