經(jīng)過一番折騰,總算是把Hexo給弄好了。在這期間遇到了各種問題,網(wǎng)上有的教程也有點老了,這里就再寫一篇。最新的教程可以去Hexo官網(wǎng)查看。
前期準備
安裝Xcode
Hexo的編譯可能依賴Xcode。這個直接從App Store上下載就好了,沒什么難度。
安裝node.js
Hexo是基于node.js的,所以要去官網(wǎng)上下載下來安裝。版本可以選擇穩(wěn)定版(4.3.1)也可以選擇最新版(5.7.0)。
需要注意的是,Hexo 3.1.1測試的最低版本為0.12,所以安裝的版本不要太舊,之前看到網(wǎng)上裝的0.8.4的版本,我也這么裝,結(jié)果有一大堆的報錯。
注冊Github賬戶
在本地搭建好Hexo后可以將內(nèi)容同步到github上,可以在網(wǎng)上瀏覽。
可以去Github官網(wǎng)上去注冊,注冊的過程我就不羅嗦了,具體的過程可以去這個頁面上跳到Github的那部分去看。
其中配置SSH Keys的那部分,可以選擇不配制,不配置的話以后每次提交的時候就需要手動輸入賬號密碼,如果配置了的話就不需要了。
正式安裝
因為安裝包中有些內(nèi)容在墻外,所以可以換淘寶源,或者用
npm install -g hexo-cli --no-optional
來安裝
然后進入你要安裝的目錄,如
cd ~/Document/hexo
然后安裝
hexo init
安裝好之后不要忘記執(zhí)行
npm install
至此,就已經(jīng)安裝完畢了。是不是很簡單呢?
后期部署
添加文章
hexo new "postName"
其中postName是博客名。
生成靜態(tài)頁面
hexo generate
或者也可以執(zhí)行縮寫
hexo g
本地啟動
執(zhí)行好上面的命令之后就可以在本地啟用服務(wù)來看效果了。執(zhí)行下面的命令:
hexo sever
或縮寫
hexo s
看到 INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop. 之后,就可以在瀏覽器中打開頁面http://localhost:4000來看了。
上傳至Github
安裝git部署插件
在部署之前,首先我們要確認在你的Github帳號的Repository中有 用戶名.github.io 的項目。
在確認之后,就可以執(zhí)行命令
npm install hexo-deployer-git --save
來安裝插件
配置 _config.yml 文件
在Hexo安裝的目錄,如 ~/Document/hexo 中找到 _config.yml 文件。打開。
翻到最后,找到 deploy 字樣,改成如下格式:
deploy:
type: git
repo: https://github.com/用戶名/用戶名.github.io.git
branch: master
需要注意的是:冒號后面有一個空格;使用github可以不用寫branch那一行。
如果要使用多個 deployer,可改成如下樣式:
deploy:
- type: git
repo:
- type: heroku
repo:
同步
輸入命令
hexo deploy
或者縮寫
hexo d
來執(zhí)行。
以后每次執(zhí)行就可以依次輸入下面三行命令:
hexo clean
hexo generate
hexo deploy
或者其縮寫。
最后優(yōu)化
插件
我使用了幾個常見的插件:
從Wordpress遷移到Hexo
npm install hexo-migrator-wordpress --save
在 WordPress 儀表盤中導(dǎo)出數(shù)據(jù)(“工具(Tools)” → “發(fā)布(Export)” → “文章(WordPress)”)
插件安裝完成后,執(zhí)行下列命令來遷移所有文章。source 可以是 WordPress 導(dǎo)出的文件路徑或網(wǎng)址。
hexo migrate wordpress <source>
站點地圖
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)常看見的/atom.xml就是由這個插件生成的
主題
官方給了很多的主題提供參考,默認的是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.itdecent.cn/p/465830080ea9
通過Hexo在Github上搭建博客教程: http://www.itdecent.cn/p/858ecf233db9
使用Hexo搭建博客(四),博客的部件和插件: http://www.itdecent.cn/p/739bf1305e66