1. 程式人生 > 其它 >使用Hexo搭建部落格系統部署到Github

使用Hexo搭建部落格系統部署到Github

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