在 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
...

咱們回到瀏覽器在輸入博客的地址，若是那篇新寫好的文章出如今首頁了，說明咱們自動部署成功了。之後不再用本身去手動部署一次了！

這是我我的的博客，歡迎你們來看看：黃首銘的我的博客