本文針對Mac
一甫恩、配置環(huán)境
-
安裝Node(必須)
作用:用來生成靜態(tài)頁面的 到Node.js官網(wǎng)下載相應(yīng)平臺的最新版本澎怒,一路安裝即可叛薯。 -
安裝Git(必須)
作用:把本地的hexo內(nèi)容提交到github上去. 安裝Xcode就自帶有Git矮慕,我就不多說了谱俭。 -
申請GitHub(必須)
作用:是用來做博客的遠程創(chuàng)庫奉件、域名、服務(wù)器之類的昆著,怎么與本地hexo建立連接等下講县貌。github賬號我也不再啰嗦了,沒有的話直接申請就行了,跟一般的注冊賬號差不多凑懂,SSH Keys煤痕,看你自己了,可以不配制接谨,不配置的話以后每次對自己的博客有改動提交的時候就要手動輸入賬號密碼摆碉,配置了就不需要了,怎么配置我就不多說了脓豪,網(wǎng)上有很多教程巷帝。 -
正式安裝HEXO
Node和Git都安裝好后,可執(zhí)行如下命令安裝hexo:
$ sudo npm install -g hexo
二跑揉、創(chuàng)建網(wǎng)頁
-
初始化
創(chuàng)建一個文件夾锅睛,如:Blog,cd到Blog里執(zhí)行hexo init的历谍。命令:
hexo init
好啦现拒,至此,全部安裝工作已經(jīng)完成望侈! -
生成靜態(tài)頁面
繼續(xù)再Blog目錄下執(zhí)行如下命令印蔬,生成靜態(tài)頁面
hexo generate (hexo g 也可以) -
本地啟動
啟動本地服務(wù),進行文章預(yù)覽調(diào)試脱衙,命令:
hexo server -
驗證網(wǎng)頁
瀏覽器輸入http://localhost:4000 -
如果有錯誤
ERROR Plugin load failed: hexo-server
原因:
Besides, utilities are separated into a standalone module. hexo.util is not reachable anymore.
解決方法侥猬,執(zhí)行命令:
sudo npm install hexo-server
三例驹、配置Github
-
建立Repository
可以參考我之前的文章:http://www.reibang.com/p/31fb42ffb10c
建立與你用戶名對應(yīng)的倉庫,倉庫名必須為【your_user_name.github.io】退唠,固定寫法然后建立關(guān)聯(lián)鹃锈,我的Blog在本地/Users/taoyali/Blog,Blog是我之前建的東西也全在這里面瞧预,有:
Blog
|
|-- _config.yml
|-- node_modules
|-- public
|-- source
|-- db.json
|-- package.json
|-- scaffolds
|-- themes
1.現(xiàn)在我們需要_config.yml文件屎债,來建立關(guān)聯(lián),命令:
vim _config.yml
2.翻到最下面垢油,改成我這樣子的盆驹,注意:: 后面要有空格
deploy: type: git
repository: https://github.com/taoyali/taoyali.github.io.git
branch: master -
執(zhí)行如下命令才能使用git部署
npm install hexo-deployer-git --save
網(wǎng)上會有很多說法,有的type是github, 還有repository 最后面的后綴也不一樣滩愁,是github.com.git躯喇,我也踩了很多坑,我現(xiàn)在的版本是hexo: 3.1.1硝枉,執(zhí)行命令hexo -vsersion就出來了,貌似3.0后全部改成我上面這種格式了廉丽。忘了說了,我沒用SSH Keys如果你用了SSH Keys的話直接在github里復(fù)制SSH的就行了檀咙,總共就兩種協(xié)議雅倒,相信你懂的璃诀。 -
然后弧可,執(zhí)行配置命令:
hexo deploy
然后再瀏覽器中輸入http://taoyali.github.io/就行了,我的github的賬戶叫taoyali,把這個改成你github的賬戶名就行了
四劣欢、部署步驟每次部署的步驟棕诵,可按以下三步來進行。
hexo clean 清空
hexo generate 初始化
hexo deploy 部署github (項目更改之后凿将,使用這一個就行)
五校套、hexo 一些常用命令:
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態(tài)頁面至public目錄
hexo server #開啟預(yù)覽訪問端口(默認端口4000,'ctrl + c'關(guān)閉server)
hexo deploy #將.deploy目錄部署到GitHub
hexo help # 查看幫助
hexo version #查看Hexo的版本
這里有大量的主題列表使用方法里面都有詳細的介紹牧抵,我就不多說了笛匙。我這里有幾款個人認為不錯的主題,免去你們犀变,一個一個的選了妹孙,歡迎吐槽我的審美,?
Cover[https://github.com/daisygao/hexo-themes-cover] - A chic theme with facebook-like cover photo
Oishi - A white theme based on Landscape plus and Writing. Sidebar - Another theme based on Light with a simple sidebar
TKL - A responsive design theme for Hexo. 一個設(shè)計優(yōu)雅的響應(yīng)式主題
Tinnypp - A clean, simple theme based on Tinny
Writing - A small and simple hexo theme based on Light
Yilia - Responsive and simple style 優(yōu)雅簡潔響應(yīng)式主題获枝,我用得就是這個蠢正。
Pacman voidy - A theme with dynamic tagcloud and dynamic snow
end sleep