Hexo靜態部落格免費部署到Coding託管平臺全過程

佚名發表於2015-08-04

如果我們是GEEK愛好者,看到新鮮的技術或者網路產品,肯定會去自己體驗一把,即便我們不是用來做專案的,也許僅僅是用來安裝一次看看專案介面也感覺很舒服。老蔣有些時候就是這樣子的,比如我們做網站、部落格,現在基本上是用開源CMS程式,對於比較複雜的折騰環境部署不是太方便,但是我們還是喜歡折騰。

Hexo靜態部落格是由臺灣一位大學生開發出來的,基於Node.js環境部署的輕部落格,比較適合GEEK愛好者或者愛好折騰的使用者部署輕便的部落格使用,目前支援Hexo的文件以及主題還是比較多的。我們可以部署在伺服器環境中,佔用資源肯定比常規的CMS節省很多記憶體,我們也可以部署在Coding.net這樣的指令碼託管平臺中。

Coding平臺部署指令碼環境的優點還是比較快的,而且部署網站不需要單獨用分支,直接部署到master就可以,唯一的缺點是目前不支援繫結自己的域名,只能使用平臺的二級域名。適合我們演示專案或者搭建Hexo二級域名部落格,畢竟提供的記憶體有限,我們可以使用Hexo靜態部落格節省資源。

第一、註冊和Coding建立專案

官方網站:https://coding.net/

如果我們已有賬戶可以直接登入,如果我們沒有賬戶需要新註冊一個Coding賬戶,然後建立一個專案。

註冊和Coding建立專案

畢竟是中文介面,還是很簡單的,輸入郵箱和設定個人使用者名稱,然後註冊後啟用郵件,設定密碼就可以OK。

建立Coding專案

我們這裡建立一個專案準備工作。Coding建立的專案比GITHUB之類的還是比較簡單的,專案名稱不限制我們與使用者名稱一致,可以隨意建立專案設定。

第二、建立Hexo部落格環境

Hexo部落格的建立環境,這個工作需要我們在本地進行,比如我們可以在本地的Windows環境或者遠端伺服器的Linux環境中建立。說白了,我們需要在本地搭建好Hexo部落格,然後建立生成靜態檔案之後,把靜態檔案上傳到部署空間就可以,不需要把原始檔上傳。

PS:在這篇文章中,關於Hexo部落格環境的配置我就不詳細說了,後面我準備詳細的搭建一個Hexo部落格過程教程出來。

我們需要在本地環境中配置Node.js和Git軟體工具,然後才可以部署。

1、初始化安裝Hexo

npm install -g hexo

2、建立資料夾部署以及安裝依賴包

hexo init

npm install

這一步驟的時候我們可以建立一個資料夾,然後部署生成Hexo檔案。

3、配置檔案

我們需要到根目錄的_config.yml,然後在最後面需要調整部署配置檔案。

deploy:

type:github

repository:git@coding.net:hexocoding/hexocoding.git

branch:master

我們可以看到上面的,紅色部分是我們Coding中的使用者名稱,後面的藍色標示當前專案Git。

4、生成靜態檔案

hexo generate

生成靜態檔案之後,在Hexo部落格中的/public/資料夾中都是我們需要部署的檔案。

這裡需要說明的,我這裡採用的是手工部署生成檔案,然後寫好文章在會後都需要單獨或者全部提交部署到倉庫中的,如果我們需要設定自動部署,需要設定金鑰同步。

第三、Hexo部落格檔案提交倉庫

我們已經將Hexo檔案生成的檔案在本地的/public/資料夾中,這裡就需要Push部署到Coding倉庫中。

1、建立資料夾拖動遠端Git倉庫

git clone https://git.coding.net/hexocoding/hexocoding.git

這裡我直接把倉庫拖動過來。

2、移動檔案

我把需要上傳的檔案都放到新建的資料夾中,然後把檔案PUSH到倉庫。

git add *

git commit -m "hexo"

git push origin master

因為我這邊沒有用金鑰,所以提交之後需要輸入Coding賬戶的使用者名稱和密碼提交,總之是可以提交上去的。

Hexo部落格檔案提交倉庫

第四、線上部署Hexo部落格執行

在上面的步驟中,老蔣已經把Hexo部落格部署到倉庫中了,然後我們需要建立執行。

1、檢測應用

在Coding後臺選單導航的"演示",然後需要檢測頁面。

線上部署Hexo部落格執行

這裡我們不要緊張,檢測不到檔案不要緊,我們點選強制開啟就可以了,肯定是支援HTML檔案的。

2、設定二級域名和開啟執行

設定二級域名和開啟執行

這裡我們需要設定執行環境HTML,這個很關鍵;二級域名需要設定我們自己的;記憶體一般128MB也足夠,其他沒有問題之後在部署版本輸入master後點選一鍵部署,等待幾秒鐘就可以看到執行完畢,可以開啟我們設定的二級域名開啟已經部署完畢的Hexo。

演示站點:http://hexocoding.coding.io/

第五、Coding部署Hexo部落格總結

如果我們需要除錯某個專案或者建立一個靜態部落格,用Coding部署Hexo還是比較簡單的,圖形化操作比較多,適合新手使用者搭建小部落格玩玩。如果要說不足之處,唯一的不足是不可以繫結自己的一級域名。

如果我們是用來建立自己的個人部落格,我個人不建議用Hexo,因為不如使用CMS程式簡單,即便我們顯得很有技術,但是不夠方便,也不易於維護和管理。

本文原創來自:http://www.itbulu.com/coding-install-hexo.html

相關文章