在Mac下通過HEXO在Github上搭建博客

經(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容