Hexo好用Plugin

會寫這篇主要是網誌在安裝新的plugin時又炸裂了，並且沒備份乾淨的部落格在電腦裏，所以很悲劇的想說重來一次吧…（我沒時間學nodejs之類的東西阿…研究都搞不訂了）。安裝的插件是因為我也愛用hackmd，但要用markdown-it而不是marked的渲染器[^1]，但照着原本的步驟安裝完之後，不知道那個套件有問題，整個當掉。為了紀念這可歌可泣把插件重新安裝的時刻，把之前安裝套件的部分重寫一次[^2]，並搬移到這裏來。希望這是最後ㄧ次大爆炸跟大修了。一直重新來過真的很浪費時間。

個人使用的Plugin

大部分可在官方外掛頁面上查詢到

前端相關

theme-next[^6]

安裝方式
1. git clone https://github.com/theme-next/hexo-theme-next themes/next
2. 將主要**_config.yml 中的theme: landscape**改成 theme: next

後端相關

hexo-hexagon

套件管理套件

一目了然讓你知道你的Hexo是否變成了超級大怪物塞了一堆阿里佈達的東西。個人覺得他的安裝功能不是非常的好用…而且沒有unintall，個人基本上就是拿來查詢安裝了什麼外掛用的。

安裝方式

npm i -g hexagon-cli

常用指令

1
2
3

hexagon -h #output usage information
hexagon -p <plugins> #install plugin from npm
hexagon -l #list all themes and plugins

hexo-browsersync

暫不使用，與Next部分設定衝突。

即時修改，即時用hexo sever 觀看

好用！前期在調校部落格急需，若想同時編輯與觀看Markdown渲染過後的效果，也很需要[^3]。但我現在用markdown編輯時，改用Typora，幾乎可以完美同步詮釋輸入輸出，~~我很懶惰不想重複放好幾份一樣的檔案。~~

安裝方式

npm i hexo-browsersync --save

hexo-deployer-git

為了守護github，讓你的資料能夠正常的放到github上，這個東西「必裝」。除了安裝這個外掛外，在Github上也需要增加SSH Key才能讓通訊協定達成。有需要可以看[github-ssh說明文件][github-ssh]，或是參考下面Github的部份

個人在_config.yml中的設置如下：

deploy:
  type: git
  repo: git@github.com:zerothtest/.git
  branch: master

安裝方式

npm i hexo-deployer-git --save

hexo-renderer-markdown-it

markdown渲染器修改

由於個人有使用hackmd，因此將兩者的渲染器改成相似得較容易得到語法上的支援。[^1]

安裝方式

把預先安裝的渲染器刪掉之後在裝新的。[^4]

npm un hexo-renderer-marked --save

npm i hexo-renderer-markdown-it --save

額外的附加套件請看參考資料[^5]。

[hexo-generator-feed][feed]
如果想讓其他人用RSS，

[hexo-generator-sitemap][sitemap]
這東西是作給瀏覽器看的樣子…恩如果說你想要讓你的網站曝光的話可以選擇性的安裝這個的樣子。（個人對於這方面並沒有很了解，好像是可以優化SEO之類的吧，科科）

[hexo-neat][neat]
[Hexo-Neat介紹-rozbo][neat-author]
這可以加速頁面壓縮，無意間找到的好東西。

Markdown 語法輔助相關

[^1]: Chris 技術筆記

[^2]: Chris 建議我弄個註腳、參考資料，這樣才不會為了引用資訊寫太多冗詞綴字。

[^3]: MOxFIVE-Hexo 頁面自動刷新與移動端調試

[^4]: Github - hexo-renderer-markdown-it
[^5]: 官方Github-Advanced Configuration; imo++ - Hexo 的 markdown-it 渲染引擎和其相關插件
[^6]: Github-Hexo-next(2018.03.25)

[deployer-git]:
[github-ssh]: https://help.github.com/articles/connecting-to-github-with-ssh/
[feed]: https://github.com/hexojs/hexo-generator-feed
[sitemap]: https://github.com/hexojs/hexo-generator-sitemap
[neat]: http://buleshit.xyz/2017/02/17/hexo%E5%8D%9A%E5%AE%A2%E5%8A%A0%E9%80%9F%E4%B9%8B%E9%A1%B5%E9%9D%A2%E5%8E%8B%E7%BC%A9/
[neat-author]: https://segmentfault.com/a/1190000005799759