在Coding上搭建Hexo個人博客:完整指南
在這篇文章中,我們將探討如何利用Coding平臺搭建Hexo個人博客。最近在玩Coding的你,想要搭建一個靜態(tài)博客而不花費額外的域名和服務器費用嗎?那就跟著下面的步驟來嘗試搭建一下自己的個人博客吧!
在這篇文章中,我們將探討如何利用Coding平臺搭建Hexo個人博客。最近在玩Coding的你,想要搭建一個靜態(tài)博客而不花費額外的域名和服務器費用嗎?那就跟著下面的步驟來嘗試搭建一下自己的個人博客吧!
創(chuàng)建項目
首先,在Coding上新建一個項目,項目名稱可以隨意取,比如“chenlianjiang”。填寫項目名稱、描述、設置屬性并初始化文件,最后點擊“創(chuàng)建項目”。
安裝博客
在本地選擇一個文件夾來安裝Hexo:`$ hexo init chenlj-hexo-blog`。進入目錄文件夾后,使用`npm install`命令安裝`package.json`里需要的依賴。接著,為了預覽博客樣式,需安裝Hexo Server:`$ npm install hexo-server --save`。安裝完成后,在命令行中執(zhí)行`hexo server`,在瀏覽器中輸入localhost:4000即可查看自己的博客。
Hexo全局配置
當在本地成功預覽博客后,需要將其部署到Coding上。首先,在根目錄下編輯`_config.yml`文件,找到`deploy`項進行修改。然后安裝`hexo-deployer-git`插件以便部署到Coding:`npm install hexo-deployer-git --save`。之后生成靜態(tài)頁面并將代碼推送到Coding上:`$ hexo clean`, `$ hexo g`, `$ hexo d`。在推送代碼至Coding之前會要求輸入Coding用戶名和密碼,若使用SSH協(xié)議則需配置公鑰。
使用Coding演示
進入演示模式配置頁面,在高級選項中設置運行環(huán)境為HTML,部署版本為master,并設置訪問域名。應用內(nèi)存選擇256M即可。點擊一鍵部署,等待部署成功后,即可通過訪問域名查看部署結果。
設置自動部署
在設置中找到webhook,點擊新建Hook,在第一個輸入框中填寫博客域名后加上`/_`,第二個輸入框填寫token為`{{TOKEN}}`。在演示頁面中,添加環(huán)境變量,變量名為WEBHOOK_TOKEN,值為`{{TOKEN}}`,重新啟動應用即可完成設置。
測試自動部署
設置完自動部署后,測試是否在推送代碼時會自動部署。創(chuàng)建一個新文章(內(nèi)容可為空),生成靜態(tài)頁面并推送至倉庫:`$ hexo new test`, `$ hexo g`, `$ hexo d`。在瀏覽器中輸入博客地址,若新文章出現(xiàn)在首頁,則說明自動部署設置成功。從此以后,再也不需要手動部署了!
通過以上步驟,你可以在Coding上輕松搭建并自動部署Hexo個人博客,享受寫作與分享的樂趣!