博客框架有很多，本文以使用最多的hexo框架來搭建。
搭建網站骨架
準備工作
-
安裝Git -
安裝Node.js
第一步 安裝Hexo
-
全局安裝
npm install -g hexo-cli
第二步 創建博客目錄
這個目錄就是你要搭建的博客網站的項目目錄
hexo init myblog # myblog是博客目錄的名字
cd myblog # 進入
npm install # 編譯
第三步 啓動項目
在項目目錄中執行
hexo server
然後訪問http://localhost:4000/。
至此，不出意外的話，博客網站的雛形就出來了。
自定義主題
hexo裏面可以集成各種花裏胡哨的主題：https://hexo.io/themes/，現在裏面已經有392個主題供你選擇，基本可以滿足大部分人的審美需求。
下面以其中一個主題(NexT)來美化我們的博客網站，NexT是一個乾淨漂亮的主題，使用的人數也很多。
下載NexT主題
在項目目錄中執行
git clone https://github.com/next-theme/hexo-theme-next themes/next
修改hexo配置，將默認主題改爲next主題。
打開myblog/_config.yml文件，修改此處：
重啓，再次訪問http://localhost:4000/
使用GitHub Pages部署
第一步 註冊GitHub賬號
略
第二步 創建博客代碼倉庫
點擊右上角+號，選擇New repository
注意：Repository name 這裏必須填 <你的github賬號>.github.io；別問爲什麼，問就是規定。
然後選擇 Public，創建倉庫。
第三步 配置GitHub Pages
在新建的倉庫中，點擊此處
拉到最下面，找到GitHub Pages
點擊Save，配置成功。
第四步 hexo配置github地址
打開myblog/_config.yml文件，修改此處：
repo填剛剛創建的倉庫地址
branch 填main，GitHub現在創建倉庫默認是main分支。
第五步 發佈
前面說的本地可以通過 hexo server在本地啓動服務
但是這裏需要將博客項目打包成靜態文件上傳到github倉庫(GitHub Pages只支持部署純靜態項目)。
執行以下命令：
hexo clean
hexo g #打包
hexo d #發佈
第六步 訪問
訪問你的項目：https://<你的github賬號>.github.io
自定義域名
第一步 薅域名
去各個域名運營商那裏薅個便宜域名。（阿里雲、騰訊雲等運營商新用戶都可以一元購域名，便宜的很）
第二步 添加域名解析
在運營商後臺添加域名解析，選CNAME，解析到你的GitHub pages訪問地址（<你的github賬號>.github.io）
第三步 GitHub Pages中添加自定義域名
進入博客倉庫的GitHub Pages配置頁面
這裏輸入前面配置的運營商解析域名，點擊Save。成功了以後，在項目倉庫裏會多一個CNAME文件。
第四步 訪問
訪問上面在運營商配置的解析域名，例如：https://blog.zhanpg.top，這樣就能訪問到你部署的博客項目了。
往期推薦
本文分享自微信公衆號 - pipi蛋（pipidan_fuyun）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。