在 Coding 上搭建 Hexo 我的博客！

前言

最近闲来没事干，想搭建一个本身的博客来玩玩，可是又不想出钱买域名和租服务器。正好最近很流行搭建一个静态博客（本人用的是 hexo），并且部署上 github、coding、GitGafe上面也很方便。

如何安装和使用hexo这里就不说了，还不懂的小伙伴能够看下我下面给的链接：

• 文档 | Hexo
• Hexo静态博客使用指南

准备

好了，如今你知道了如何安装和使用hexo，那么就开始把咱们博客部署到 Coding 上去吧。

首先你须要在 Coding 上面新建一个项目，项目名称随意：

建立好以后，咱们在本地随便找一个盘来安装的 hexo :

进入目录文件夹里面，使用npm install把package.json里面须要的东西都安装好。

接着咱们须要在本地先预览一下本身博客的样子，就要先安装hexo server：

$ npm install hexo-server --save

安装好以后在命令行里面运行hexo server，而后在浏览器的地址栏上面输入localhost:4000就可看到本身博客的样子。

修改_config.yml文件

在本地浏览本身的博客没问题后，咱们就须要把它部署到 Coding 上了，先在根目录下找到_config.yml文件，并进入编辑。咱们找到deploy这一项，修改看下面：

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  #咱们是使用 git 来部署的。
  type: git
  # git 仓库的地址。
  repo: https://git.coding.net/johnh/myblog.git
  # 分支名称。
  branch: master

按照上面的修改好_config.yml文件事后，咱们还须要安装hexo-deployer-git才可以部署到 Coding 上面。

npm install hexo-deployer-git --save

接着咱们就生成静态页面和把代码push到 Coding 上：

$ hexo g
...

$ hexo d
...

注意把代码push到 Coding 上以前会让你输入你的 Coding 用户名和密码。

push到仓库

而后咱们回到 Coding 的仓库下面看到咱们成功的push了。接着就是使用 Coding 的演示了。

咱们进入演示模式的配置页面里：

在开启演示模式以前，会提醒你没有检测到环境，没有关系你直接强制开启就能够了。接着咱们在高级选项中把运行环境设为HTML，部署版本为master，而后应用内存选用64M就足够了，避免不必的浪费。最后点击一键部署，等待部署成功就好了。而后你能够访问域名来查看本身是否部署成功了。

到这里了，好像都已经所有弄好了，可是还有一个小问题。就是每次咱们在本地写完文章在生成静态页面push到仓库里，就须要从新的部署一次，否则咱们是看不到新的文章出如今本身的博客里。可是每次都要繁琐的部署也挺浪费时间的。因此咱们就须要用到webhook来帮咱们自动部署。

自动部署

咱们在设置里找到webhook：

而后点击新建Hook：

1. 第一个输入框中是填你的博客域名，也就是前面部署的时候那个域名地址，而后在后面加上/_。
2. 第二个输入框是输入一个token，咱们直接填写{{TOKEN}}就能够了。

关于webhook的详细信息能够去 Coding 的帮助手册里看看

最后咱们回到演示里，在左边的栏目中找到环境变量（以下图）：

而后变量名填写为WEBHOOK_TOKEN，值为{{TOKEN}}，接着从新启动应用就 ok 了！

最后一步咱们要测试一下是否push代码的时候就会自动部署。咱们回到命令行建立一个新的文章（能够什么都不写），而后生成静态页面push到仓库去：

$ hexo new test
...

$ hexo g
...

$ hexo d
...

咱们回到浏览器在输入博客的地址，若是那篇新写好的文章出如今首页了，说明咱们自动部署成功了。之后不再用本身去手动部署一次了！

这是我我的的博客，欢迎你们来看看：黄首铭的我的博客