使用Hexo搭建部落格系統部署到Github
阿新 • • 發佈:2021-01-24
1.Hexo
官網地址:https://hexo.io/zh-cn/
快速、簡潔且高效的部落格框架
2.安裝Git,Node.js
3.安裝Hexo
npm install -g hexo-cli
hexo init <folder>
cd <folder>
npm install
4.修改配置 _config.yml
官網有詳細說明,這裡我就不列舉了
5.本地啟動服務
hexo g
生成靜態檔案
hexo s
啟動服務,預設埠: 4000
6.選取主題
官網主題地址:https://hexo.io/themes/
進到主題內有詳細的git倉庫地址,有安裝說明,基本就是把git倉庫下載到本地 themes/
修改_config.yml裡的theme為新建主題目錄的名字
hexo clean
hexo g
hexo s
之後重新整理頁面看下效果
7.新增文章
hexo new “your-post-name”
如果想在本地存放圖片等資訊需要在_config.yml修改
post_asset_folder: true
開啟這個配置當新建檔案時會在本地建立兩個檔案,一個是存Markdown文件的,一個儲存圖片和音訊的
8.部署到Github
首先到Github建立一個公開的專案,名字為你的賬號名.github.io
此處一定要設定為賬號名為字首的域名,不然後續會有一些坑,導致你的頁面顯示不了JS
9.在設定中配置 Github Pages 選擇分支
10.在本地配置連結Github
安裝 npm install hexo-deployer-git --save
配置_config.yml
deploy:
type: git
repo: 你的git地址
branch: 分支
hexo g
hexo d
出現INFO Deploy done: git則大功告成,可以去GitHub上訪問看看線上網站
參考文章地址:https://www.jianshu.com/p/282717c8da6c