基於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 //靜默模式
複製代碼