GitHub+Hexo 搭建个人博客原创教程

欢迎关注小睿的微信公众号：郭小睿同学，每天更新小知识、笔记、案例、学习资源～

我的公众号

我搭建这个博客走了许多弯路，查看了一大堆的教程。
于是乎，我有一个大胆的想法———总结一下我的操作方法及详细的步骤。

简要

• Github Pages
• Hexo 博客框架
• 部署（主题）

工具

• Node.js
• Git
• Hexo
  (使用 Hexo 之前，需要先安装 Node.js 和 Git。)

详细步骤

1. 安装 Node.js

• 进入[Node.js下载地址][1]
• 安装后，打开 Node.js Command Prompt， 输入 node -v,会得到一个v x.x.x（x是当前版本号）
  说明安装成功。

2. 安装git

• 进入[Git下载地址][1]
• 安装后，打开Node.js Command Prompt，输入git --version，会得到git version x.x.x（x是当前版本号）
  说明安装成功

3. 安装 Hexo

• 打开Node.js Command Prompt,输入npm install -g hexo-cli，然后回车开始安装
• 等安装完成，输入 hexo -v，会得到 hexo-cli......等一串数据。
  说明安装成功

4. 创建文件夹

• 在任意磁盘创建文件夹blog
• 打开Node.js Command Prompt，输入cd 你的文件夹地址
• 输入hexo init,将blog文件夹初始化成一个博客文件夹。
• 输入 npm install ,安装依赖包。
• 输入 hexo g 生成网页。
• 输入 hexo s将生成的网页放在了本地服务器。
• 浏览器里输入 http://localhost:4000/ 。 就可以看到一个本地的博客了。
• 输入Ctrl+C ，可以结束对http://localhost:4000/的访问。

blog地址

---

[图片上传失败...(image-36024c-1530005045070)]

---

如果我们想让别人看到我们的博客，我们就需要把它部署到一个主机上。当然，我选择了一个github提供给每个用户的一个免费的空间。

5. 注册github

• 注册一个github的账号（此处我就跳过了，不会注册账号的可以联系我），然后创建一个仓库，仓库的名称格式：你的用户名+.github.io

[图片上传失败...(image-e53ea4-1530005045070)]

---

6. 打开Git Bash，设置user.name和user.email配置信息：
   输入以下命令

• git config --global user.name "你的GitHub用户名"
• git config --global user.email "你的GitHub注册邮箱"

7. 生成并填写ssh密钥文件：

• ssh-keygen -t rsa -C "你的GitHub注册邮箱"
• 回车，然后找到生成的.ssh的文件夹中的id_rsa.pub密钥（不知道目录的，回车后，显示的代码中可以看到），把里面的内容全部复制填写到自己的github（用电脑自带的记事本可以打开）。
• 进入github，点击右下图所标记的。
• 进入SSH keys /Add new后,Title可以随便填写，Key填写的是我们刚才复制的密匙内容。

[图片上传失败...(image-65951d-1530005045070)]

---

[图片上传失败...(image-d33b9c-1530005045070)]

---

填写ssh密匙内容

---

8. 修改博客的配置文件

• 打开 /任意磁盘/blog/_config.yml文件 （可以用记事本打开）
• 找到 #Deployment，输入以下内容，然后保存：
  deploy:
  type: git
  repository: https://github.com/你的用户名.io.git
  branch: master

9. 安装Git部署插件，并且部署到github。

• npm install hexo-deployer-git --save
• hexo clean
• hexo g
• hexo d

---

10.绑定域名

• 购买域名
• 解析域名

如果你不想用一个二级域名的话，你可以去阿里云买一个top的域名，因为top的比较便宜，当然土豪可以买.com、.cn
我们买了域名后，点击解析。

解析的内容，记录值是你的github的地址，不知道地址的可以打开Node.js Command Prompt ，输入 ping 你刚才创建的仓库的地址，回车后的信息中，你可以看到你的地址。

进入解析

---

[图片上传失败...(image-11b4dc-1530005045070)]

---

11. 在github设置你的购买的域名
    打开，你刚才创建的仓库，进入settings，设置Custom domain，输入你的域名，然后保存。

    
    
    

    进入设置

---

在github填写域名

---

进入自己创建的博客文件夹blog/source目录下，创建一个记事本文件，输入你购买的域名即可(不建议带有www)。保存后，将后缀名.txt删掉。

12. 最终部署到github。

• hexo clean
• hexo g
• hexo d

在浏览器输入你购买的域名就可以直接进入你自己搭建的博客啦。

---

作者 [郭小睿]
2018 年 05月 06日