在這篇文章中，我們將探討如何利用Coding平臺(tái)搭建Hexo個(gè)人博客。最近在玩Coding的你，想要搭建一個(gè)靜態(tài)博客而不花費(fèi)額外的域名和服務(wù)器費(fèi)用嗎？那就跟著下面的步驟來(lái)嘗試搭建一下自己的個(gè)人博客吧！

在這篇文章中，我們將探討如何利用Coding平臺(tái)搭建Hexo個(gè)人博客。最近在玩Coding的你，想要搭建一個(gè)靜態(tài)博客而不花費(fèi)額外的域名和服務(wù)器費(fèi)用嗎？那就跟著下面的步驟來(lái)嘗試搭建一下自己的個(gè)人博客吧！

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

首先，在Coding上新建一個(gè)項(xiàng)目，項(xiàng)目名稱可以隨意取，比如“chenlianjiang”。填寫(xiě)項(xiàng)目名稱、描述、設(shè)置屬性并初始化文件，最后點(diǎn)擊“創(chuàng)建項(xiàng)目”。

安裝博客

在本地選擇一個(gè)文件夾來(lái)安裝Hexo：`$ hexo init chenlj-hexo-blog`。進(jìn)入目錄文件夾后，使用`npm install`命令安裝`package.json`里需要的依賴。接著，為了預(yù)覽博客樣式，需安裝Hexo Server：`$ npm install hexo-server --save`。安裝完成后，在命令行中執(zhí)行`hexo server`，在瀏覽器中輸入localhost:4000即可查看自己的博客。

Hexo全局配置

當(dāng)在本地成功預(yù)覽博客后，需要將其部署到Coding上。首先，在根目錄下編輯`_config.yml`文件，找到`deploy`項(xiàng)進(jìn)行修改。然后安裝`hexo-deployer-git`插件以便部署到Coding：`npm install hexo-deployer-git --save`。之后生成靜態(tài)頁(yè)面并將代碼推送到Coding上：`$ hexo clean`, `$ hexo g`, `$ hexo d`。在推送代碼至Coding之前會(huì)要求輸入Coding用戶名和密碼，若使用SSH協(xié)議則需配置公鑰。

使用Coding演示

進(jìn)入演示模式配置頁(yè)面，在高級(jí)選項(xiàng)中設(shè)置運(yùn)行環(huán)境為HTML，部署版本為master，并設(shè)置訪問(wèn)域名。應(yīng)用內(nèi)存選擇256M即可。點(diǎn)擊一鍵部署，等待部署成功后，即可通過(guò)訪問(wèn)域名查看部署結(jié)果。

設(shè)置自動(dòng)部署

在設(shè)置中找到webhook，點(diǎn)擊新建Hook，在第一個(gè)輸入框中填寫(xiě)博客域名后加上`/_`，第二個(gè)輸入框填寫(xiě)token為`{{TOKEN}}`。在演示頁(yè)面中，添加環(huán)境變量，變量名為WEBHOOK_TOKEN，值為`{{TOKEN}}`，重新啟動(dòng)應(yīng)用即可完成設(shè)置。

測(cè)試自動(dòng)部署

設(shè)置完自動(dòng)部署后，測(cè)試是否在推送代碼時(shí)會(huì)自動(dòng)部署。創(chuàng)建一個(gè)新文章（內(nèi)容可為空），生成靜態(tài)頁(yè)面并推送至倉(cāng)庫(kù)：`$ hexo new test`, `$ hexo g`, `$ hexo d`。在瀏覽器中輸入博客地址，若新文章出現(xiàn)在首頁(yè)，則說(shuō)明自動(dòng)部署設(shè)置成功。從此以后，再也不需要手動(dòng)部署了！

通過(guò)以上步驟，你可以在Coding上輕松搭建并自動(dòng)部署Hexo個(gè)人博客，享受寫(xiě)作與分享的樂(lè)趣！