經(jīng)過(guò)一番折騰,總算是把Hexo給弄好了丢习。在這期間遇到了各種問(wèn)題雏吭,網(wǎng)上有的教程也有點(diǎn)老了锁施,這里就再寫(xiě)一篇。最新的教程可以去Hexo官網(wǎng)查看。
前期準(zhǔn)備
安裝Xcode
Hexo的編譯可能依賴Xcode悉抵。這個(gè)直接從App Store上下載就好了肩狂,沒(méi)什么難度。
安裝node.js
Hexo是基于node.js的姥饰,所以要去官網(wǎng)上下載下來(lái)安裝傻谁。版本可以選擇穩(wěn)定版(4.3.1)也可以選擇最新版(5.7.0)。
需要注意的是列粪,Hexo 3.1.1測(cè)試的最低版本為0.12审磁,所以安裝的版本不要太舊,之前看到網(wǎng)上裝的0.8.4的版本岂座,我也這么裝态蒂,結(jié)果有一大堆的報(bào)錯(cuò)。
注冊(cè)Github賬戶
在本地搭建好Hexo后可以將內(nèi)容同步到github上费什,可以在網(wǎng)上瀏覽钾恢。
可以去Github官網(wǎng)上去注冊(cè),注冊(cè)的過(guò)程我就不羅嗦了鸳址,具體的過(guò)程可以去這個(gè)頁(yè)面上跳到Github的那部分去看瘩蚪。
其中配置SSH Keys的那部分,可以選擇不配制稿黍,不配置的話以后每次提交的時(shí)候就需要手動(dòng)輸入賬號(hào)密碼募舟,如果配置了的話就不需要了。
正式安裝
因?yàn)榘惭b包中有些內(nèi)容在墻外闻察,所以可以換淘寶源拱礁,或者用
npm install -g hexo-cli --no-optional
來(lái)安裝
然后進(jìn)入你要安裝的目錄,如
cd ~/Document/hexo
然后安裝
hexo init
安裝好之后不要忘記執(zhí)行
npm install
至此辕漂,就已經(jīng)安裝完畢了呢灶。是不是很簡(jiǎn)單呢?
后期部署
添加文章
hexo new "postName"
其中postName是博客名钉嘹。
生成靜態(tài)頁(yè)面
hexo generate
或者也可以執(zhí)行縮寫(xiě)
hexo g
本地啟動(dòng)
執(zhí)行好上面的命令之后就可以在本地啟用服務(wù)來(lái)看效果了鸯乃。執(zhí)行下面的命令:
hexo sever
或縮寫(xiě)
hexo s
看到 INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop. 之后跋涣,就可以在瀏覽器中打開(kāi)頁(yè)面http://localhost:4000來(lái)看了陈辱。
上傳至Github
安裝git部署插件
在部署之前陋守,首先我們要確認(rèn)在你的Github帳號(hào)的Repository中有 用戶名.github.io 的項(xiàng)目猩系。
在確認(rèn)之后,就可以執(zhí)行命令
npm install hexo-deployer-git --save
來(lái)安裝插件
配置 _config.yml 文件
在Hexo安裝的目錄,如 ~/Document/hexo 中找到 _config.yml 文件友浸。打開(kāi)。
翻到最后伦意,找到 deploy 字樣已骇,改成如下格式:
deploy:
type: git
repo: https://github.com/用戶名/用戶名.github.io.git
branch: master
需要注意的是:冒號(hào)后面有一個(gè)空格卵渴;使用github可以不用寫(xiě)branch那一行。
如果要使用多個(gè) deployer,可改成如下樣式:
deploy:
- type: git
repo:
- type: heroku
repo:
同步
輸入命令
hexo deploy
或者縮寫(xiě)
hexo d
來(lái)執(zhí)行。
以后每次執(zhí)行就可以依次輸入下面三行命令:
hexo clean
hexo generate
hexo deploy
或者其縮寫(xiě)坟瓢。
最后優(yōu)化
插件
我使用了幾個(gè)常見(jiàn)的插件:
從Wordpress遷移到Hexo
npm install hexo-migrator-wordpress --save
在 WordPress 儀表盤(pán)中導(dǎo)出數(shù)據(jù)(“工具(Tools)” → “發(fā)布(Export)” → “文章(WordPress)”)
插件安裝完成后粒褒,執(zhí)行下列命令來(lái)遷移所有文章祥款。source
可以是 WordPress 導(dǎo)出的文件路徑或網(wǎng)址。
hexo migrate wordpress <source>
站點(diǎn)地圖
npm install hexo-generator-sitemap --save
生成的sitemap.xml可以給搜索引擎收錄使用。
如果要生成百度的sitemap蛙酪,使用以下命令:
npm install hexo-generator-baidu-sitemap --save
RSS訂閱
npm install hexo-generator-feed@1.0.3 --save
配置文件里經(jīng)斥裳保看見(jiàn)的/atom.xml
就是由這個(gè)插件生成的
主題
官方給了很多的主題提供參考欲芹,默認(rèn)的是landscape。
我使用的是yelee吟吝,這里可以看看樣式菱父。
參考文章
Hexo官方文檔: https://hexo.io/zh-cn/docs/index.html
hexo你的博客: http://ibruce.info/2013/11/22/hexo-your-blog/?utm_source=tuicool
HEXO+Github,搭建屬于自己的博客: http://www.reibang.com/p/465830080ea9
通過(guò)Hexo在Github上搭建博客教程: http://www.reibang.com/p/858ecf233db9
使用Hexo搭建博客(四),博客的部件和插件: http://www.reibang.com/p/739bf1305e66