OS X 下使用 Coding Pages 和 Hexo 搭建靜態(tài)博客
1.安裝 Git战转、Node.js
可以查看Git版本
git --version
可以查看node.js版本
node -v
2.安裝 Hexo
利用npm命令安裝,再OS上需要用到權(quán)限所以要用到sudo
sudo npm install -g hexo
3.在本地建立博客
安裝完成后访锻,在合適的地方新建一個目錄來存放博客,在該目錄下使用終端指令衬横,來生成博客需要的文件
hexo init
接著安裝需要的依賴
sudo npm install
4.安裝組件
使用以下指令來檢查卻什么組件飒责,該指令并不是一個完整的指令
hexo
缺少什么就安裝什么,以server為例
sudo npm install hexo-server --save
5.本地效果預(yù)覽
在博客所在目錄趾牧,執(zhí)行以下命令生成靜態(tài)博客頁面,啟動本地服務(wù)器
hexo generate # 縮寫:hexo g
hexo server # 縮寫:hexo s
瀏覽器訪問http://localhost:4000/即可預(yù)覽
6.創(chuàng)建Coding Pages
參照官方指南創(chuàng)建靜態(tài)Pages CodingPages官方指南
7.部署到Coding Pages
修改本地博客目錄下的_config.yml
文件肯污,推薦使用Sublime
翘单,修改以下幾個參數(shù)
deploy:
type: git #部署方式,使用:Coding的Git
repo: <repository url> #倉庫地址蹦渣,
branch: [branch] #分支名哄芜,一般寫master
安裝deployer組件
sudo npm install hexo-deployer-git --save
依次執(zhí)行清理命令、生成命令柬唯、部署命令
hexo clean # 清理
hexo g # 生成
hexo d # 部署
8.預(yù)覽
在Coding創(chuàng)建完P(guān)ages后认臊,會提供一個{user_name}.coding.me
,
我的是 http://y1shichanganluan.coding.me/