主題改為NexT之後發現能玩的功能實在太多了，要修改的地方也很多，搗鼓一番後決定寫這篇文章來記錄我個人的NexT主題優化歷程，順便分享給大家最新版本的修改方式。

前言

終於還是從Butterfly轉成Next主題了，每次爬文發現大家都使用next主題做教程，有些檔案在我的主題裡名稱不一樣甚至格式也不一樣導致code寫法不同，找尋這些花了不少時間，最終決定也合流使用next主題了(畢竟懶…)。

但是在我安裝next主題之後打開網頁卻是空白的，搞了半天發現是motion設置的問題，修改成false之後就可以正常開啟了。

🍑 🍇 🍐 🍓 🍌 🍉 🍍 🍋 🍎

HEXO預設的markdown渲染器是hexo-renderer-marked，這個渲染器並不支援插件擴展，所以我們需要卸載它改裝hexo-renderer-markdown-it 。

而hexo-renderer-markdown-it 原裝包含了以下插件：
- markdown-it-abbr
- markdown-it-footnote
- markdown-it-ins
- markdown-it-sub
- markdown-it-sup

並不包含emoji插件，因此我們還要安裝markdown-it-emoji來插入表情。

首先嘗試在google搜索 site:你的域名，來確認你的BLOG有沒有被收錄，能搜索到代表有被收錄，若無則沒有。

註冊與安裝

STEP 1

到Disqus官網選擇GET STARTED 然後註冊一個帳號(在此省略註冊過程)。

EZGIF
網址：https://ezgif.com/video-to-gif

使用方法

STEP 1

打開Chrome瀏覽器的擴充功能頁面 ( 或者在網址輸入 chrome://extensions/)。

安裝

在BLOG根目錄使用GIT BASH 輸入下方指令安裝HEXO-ADMIN，並開啟本地測試。

1
2
3

npm install --save hexo-admin
hexo server -d
open http://localhost:4000/admin/

安裝方式

在blog根目錄右鍵->Git Bash 輸入指令：

1

npm i hexo-tag-color-block

前言

打開_config.yml 可以看到預設的永久鏈接是依照日期來產生的。

1

permalink: :year/:month/:day/:title/

假設hello world.md原路徑為/source/_posts/hello world.md

按照預設的鏈接來生成靜態文件後路徑會變成

/public/2019/09/23/hello world/index.html

但是這樣的缺點是 鏈接太長，所以在這邊推薦一個插件abbrlink來調整，abbrlink的概念是對標題+時間進行md5然後再轉base64，保存在front-matter中。