Hexo靜態(tài)博客免費(fèi)部署到Coding托管平臺(tái)全過程

2015-08-04 16:34:00 來源:老蔣部落 作者:佚名 人氣: 次閱讀 170 條評(píng)論

如果我們是GEEK愛好者,看到新鮮的技術(shù)或者網(wǎng)絡(luò)產(chǎn)品,肯定會(huì)去自己體驗(yàn)一把,即便我們不是用來做項(xiàng)目的,也許僅僅是用來安裝一次看看項(xiàng)目界面也感覺很舒服。老蔣有些時(shí)候就...

如果我們是GEEK愛好者,看到新鮮的技術(shù)或者網(wǎng)絡(luò)產(chǎn)品,肯定會(huì)去自己體驗(yàn)一把,即便我們不是用來做項(xiàng)目的,也許僅僅是用來安裝一次看看項(xiàng)目界面也感覺很舒服。老蔣有些時(shí)候就是這樣子的,比如我們做網(wǎng)站、博客,現(xiàn)在基本上是用開源CMS程序,對(duì)于比較復(fù)雜的折騰環(huán)境部署不是太方便,但是我們還是喜歡折騰。

Hexo靜態(tài)博客是由臺(tái)灣一位大學(xué)生開發(fā)出來的,基于Node.js環(huán)境部署的輕博客,比較適合GEEK愛好者或者愛好折騰的用戶部署輕便的博客使用,目前支持Hexo的文檔以及主題還是比較多的。我們可以部署在服務(wù)器環(huán)境中,占用資源肯定比常規(guī)的CMS節(jié)省很多內(nèi)存,我們也可以部署在Coding.net這樣的腳本托管平臺(tái)中。

Coding平臺(tái)部署腳本環(huán)境的優(yōu)點(diǎn)還是比較快的,而且部署網(wǎng)站不需要單獨(dú)用分支,直接部署到master就可以,唯一的缺點(diǎn)是目前不支持綁定自己的域名,只能使用平臺(tái)的二級(jí)域名。適合我們演示項(xiàng)目或者搭建Hexo二級(jí)域名博客,畢竟提供的內(nèi)存有限,我們可以使用Hexo靜態(tài)博客節(jié)省資源。

第一、注冊(cè)和Coding創(chuàng)建項(xiàng)目

官方網(wǎng)站:https://coding.net/

如果我們已有賬戶可以直接登錄,如果我們沒有賬戶需要新注冊(cè)一個(gè)Coding賬戶,然后創(chuàng)建一個(gè)項(xiàng)目。

注冊(cè)和Coding創(chuàng)建項(xiàng)目

畢竟是中文界面,還是很簡(jiǎn)單的,輸入郵箱和設(shè)置個(gè)人用戶名,然后注冊(cè)后激活郵件,設(shè)置密碼就可以O(shè)K。

創(chuàng)建Coding項(xiàng)目

我們這里創(chuàng)建一個(gè)項(xiàng)目準(zhǔn)備工作。Coding創(chuàng)建的項(xiàng)目比GITHUB之類的還是比較簡(jiǎn)單的,項(xiàng)目名稱不限制我們與用戶名一致,可以隨意創(chuàng)建項(xiàng)目設(shè)置。

第二、創(chuàng)建Hexo博客環(huán)境

Hexo博客的創(chuàng)建環(huán)境,這個(gè)工作需要我們?cè)诒镜剡M(jìn)行,比如我們可以在本地的Windows環(huán)境或者遠(yuǎn)端服務(wù)器的Linux環(huán)境中創(chuàng)建。說白了,我們需要在本地搭建好Hexo博客,然后創(chuàng)建生成靜態(tài)文件之后,把靜態(tài)文件上傳到部署空間就可以,不需要把源文件上傳。

PS:在這篇文章中,關(guān)于Hexo博客環(huán)境的配置我就不詳細(xì)說了,后面我準(zhǔn)備詳細(xì)的搭建一個(gè)Hexo博客過程教程出來。

我們需要在本地環(huán)境中配置Node.js和Git軟件工具,然后才可以部署。

1、初始化安裝Hexo

npm install -g hexo

2、創(chuàng)建文件夾部署以及安裝依賴包

hexo init

npm install

這一步驟的時(shí)候我們可以創(chuàng)建一個(gè)文件夾,然后部署生成Hexo文件。

3、配置文件

我們需要到根目錄的_config.yml,然后在最后面需要調(diào)整部署配置文件。

deploy:

type:github

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

branch:master

我們可以看到上面的,紅色部分是我們Coding中的用戶名,后面的藍(lán)色標(biāo)示當(dāng)前項(xiàng)目Git。

4、生成靜態(tài)文件

hexo generate

生成靜態(tài)文件之后,在Hexo博客中的/public/文件夾中都是我們需要部署的文件。

這里需要說明的,我這里采用的是手工部署生成文件,然后寫好文章在會(huì)后都需要單獨(dú)或者全部提交部署到倉庫中的,如果我們需要設(shè)置自動(dòng)部署,需要設(shè)置密鑰同步。

第三、Hexo博客文件提交倉庫

我們已經(jīng)將Hexo文件生成的文件在本地的/public/文件夾中,這里就需要Push部署到Coding倉庫中。

1、創(chuàng)建文件夾拖動(dòng)遠(yuǎn)端Git倉庫

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

這里我直接把倉庫拖動(dòng)過來。

2、移動(dòng)文件

我把需要上傳的文件都放到新建的文件夾中,然后把文件PUSH到倉庫。

git add *

git commit -m "hexo"

git push origin master

因?yàn)槲疫@邊沒有用密鑰,所以提交之后需要輸入Coding賬戶的用戶名和密碼提交,總之是可以提交上去的。

Hexo博客文件提交倉庫

第四、在線部署Hexo博客運(yùn)行

在上面的步驟中,老蔣已經(jīng)把Hexo博客部署到倉庫中了,然后我們需要?jiǎng)?chuàng)建運(yùn)行。

1、檢測(cè)應(yīng)用

在Coding后臺(tái)菜單導(dǎo)航的"演示",然后需要檢測(cè)頁面。

在線部署Hexo博客運(yùn)行

這里我們不要緊張,檢測(cè)不到文件不要緊,我們點(diǎn)擊強(qiáng)制開啟就可以了,肯定是支持HTML文件的。

2、設(shè)置二級(jí)域名和開啟運(yùn)行

設(shè)置二級(jí)域名和開啟運(yùn)行

這里我們需要設(shè)置運(yùn)行環(huán)境HTML,這個(gè)很關(guān)鍵;二級(jí)域名需要設(shè)置我們自己的;內(nèi)存一般128MB也足夠,其他沒有問題之后在部署版本輸入master后點(diǎn)擊一鍵部署,等待幾秒鐘就可以看到運(yùn)行完畢,可以打開我們?cè)O(shè)置的二級(jí)域名打開已經(jīng)部署完畢的Hexo。

演示站點(diǎn):http://hexocoding.coding.io/

第五、Coding部署Hexo博客總結(jié)

如果我們需要調(diào)試某個(gè)項(xiàng)目或者創(chuàng)建一個(gè)靜態(tài)博客,用Coding部署Hexo還是比較簡(jiǎn)單的,圖形化操作比較多,適合新手用戶搭建小博客玩玩。如果要說不足之處,唯一的不足是不可以綁定自己的一級(jí)域名。

如果我們是用來創(chuàng)建自己的個(gè)人博客,我個(gè)人不建議用Hexo,因?yàn)椴蝗缡褂肅MS程序簡(jiǎn)單,即便我們顯得很有技術(shù),但是不夠方便,也不易于維護(hù)和管理。

本文原創(chuàng)來自:http://www.itbulu.com/coding-install-hexo.html

    無相關(guān)信息