使用Github+Hexo搭建自己的博客

我的电脑是win10 64位的

前期准备：

• 去官网下载Node.js文件，下载地址：https://nodejs.org/en/

安装完成后，windows运行窗口输入：node -v 会出现如下信息，则安装成功

• 去官网下载Git安装包，下载地址：https://www.git-scm.com/download/win

按照默认的安装方式，一直点next即可安装成功，默认是安装在C盘，记得修改安装盘符

安装完成后，windows运行窗口输入：git --version 会出现如下信息，则安装成功

安装成功之后，如果输入上述命令，没有出现对应的信息，则将安装路径添加环境变量（我的是F:\Git\cmd)，再次打开运行窗口输入命令即可

Github Pages

Github Pages 其实本身就是 Github 提供的博客服务。 我们在 Github 中创建一个特定格式的 Repository，Github Pages 就会将里面的信息生成一个网页，展示出来。

1. 注册 Github 账号，然后在 Github 中创建一个以 .github.io 结尾的 Repository。 Repository name: xxyxt.github.io
2. 勾选 Initialize this repository with a README
3. Create repository

如果没有太多的要求，其实直接用 README.md 来写博客也是不错的。

这个生成好的 Repository 就是用来存放博客内容的地方，也只有这个仓库里的内容，才会被 xxyxt.github.io 这个网页显示出来。

hexo 博客框架

• 安装hexo

在准备工作中，我们已经安装了Node.js和Git，接下来直接安装hexo即可

在windows运行命令窗口中输入 nmp install -g hexo-cli

安装完成后，输入 hexo -v

得到版本信息，即安装成功

• 创建本地博客

1. 在D盘下创建文件夹 test
2. 鼠标右键 test，选择 Git Bash Here。
3. Git Bash 打开之后，所在的位置就是 blog 这个文件夹的位置。（/F/test）
4. 输入 

   hexo init

    将 test文件夹初始化成一个博客文件夹。
5. 输入 

   npm install

    安装依赖包。
6. 输入 

   hexo g

    生成（generate）网页。 由于我们还没创建任何博客，生成的网页会展示 Hexo 里面自带了一个 Hello World 的博客。
7. 输入 

   hexo s

    将生成的网页放在了本地服务器（server）。
8. 浏览器里输入 http://localhost:4000/ 。 就可以看到刚才的成果了。
9. 回到 Git Bash，按 Ctrl+C 结束。

此时再看 http://localhost:4000/ 就是无法访问了。

问题：假如页面一直无法跳转，那么可能端口被占用了。此时我们ctrl+c停止服务器，接着输入“hexo server -p 端口号”来改变端口号

• 发布一篇博客

如果你按照前面的教程走下来，没有退出刚刚的Git Bash界面，当前路径是刚刚初始化的test路径，输入 hexo new "My First Post"

在F:\test\source_posts路径下，会有一个My-First-Post.md 的文件。 编辑这个文件，然后保存。

回到 Git Bash，输入 

hexo g 生成博客

输入 

hexo s 开启服务

前往 http://localhost:4000/ 查看成果。

回到 Git Bash，按 Ctrl+C 结束。如果不结束的话，接口会一直被占用。

• 将本地Hexo博客部署在Github上

前面两个部分，我们已经有了本地博客，和一个能托管这些资料的线上仓库。只要把本地博客部署（deploy）在我们的 Github 对应的 Repository 就可以了。

操作如下：

1. 获取 Github 对应的 Repository 的链接。

   登陆 Github，进入到 xxyxt.github.io
   • 点击 Clone or download

   • 复制 URL 待用，我的是 https://github.com/xxyxt/xxyxt.github.io.git

2. 修改博客的配置文件

   打开配置文件 /F/test/_config.yml （使用 bash 里的 vi 或者 notepad++）
   • 找到 

     #Deployment

     ，填入以下内容：

     [code]deploy:
     type: git
     repository: https://github.com/xxyxt/xxyxt.github.io.git
     branch: master

3. 部署

   回到 Git Bash
   • 输入 

     npm install hexo-deployer-git --save

      安装 hexo-deployer-git 此步骤只需要做一次。
   • 输入 

     hexo d

   • 输入 

     hexo d

     得到 

     INF Deploy done: git

      即为部署成功

     之前我们创建的 ReadMe.md 会被自动覆盖掉。

4. 查看成果

   前往 xxyxt.github.io 即可。