基於Github Page 搭建部落格(hexo框架)

git原始碼
Demo: www.kunlingou.club

搭建

• 前置：Github建立靜態網站(不需要購買伺服器)

初始部落格環境

cnpm i -g hexo-cli
hexo init
cnpm install
複製程式碼

配置部落格引數

./_config.yml

//部署(提交)模式
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:kunlingou/kunlingou.github.io.git
  branch: master

hexo s //啟動服務
複製程式碼

部署(提交到git)

cnpm i -S hexo-deployer-git
hexo clean
hexo g -d //生成後部署hexo generate  hexo deploy 
複製程式碼

關聯域名

• 參考Github建立靜態網站(不需要購買伺服器)
• 新建CNAME檔案

./source/CNAME

www.kunlingou.club
複製程式碼

• 部署服務

問題

1. 無法訪問googleapis相關連結jquery.min.js

   

   .\themes\landscape\layout\_partial\after-footer.ejs
   將ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js替換為libs.baidu.com/jquery/2.0.3/jquery.min.js。

hexo clean
hexo g -d
複製程式碼

2. 主題(NexT)
   參考文件：官方文件

./

git clone https://github.com/theme-next/hexo-theme-next themes/next

./_config.yml

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: next
複製程式碼

• next
  git clone https://github.com/theme-next/hexo-theme-next themes/next

• replica
  git clone git@github.com:sabrinaluo/hexo-theme-replica.git themes/replica

使用

hexo常用命令

hexo n "XXX"//新建文章
hexo g -d //生成靜態檔案，生成後部署
hexo s //啟動本地伺服器
hexo clean //清除快取檔案db.json和生成檔案./public/
複製程式碼

option

hexo --safe //安全模式
hexo --debug //除錯模式
hexo --silent //靜默模式
複製程式碼