設置Hexo主題模式
Hexo主題中,有三種不同的模式,通過切換模式,讓NexT主題顯示不一樣的樣式。在NexT根目錄下有一個同樣名稱為_config.yml
,為了區分hexo根目錄下的_config.yml
,將前者稱為主題配置文件,在其中找到scheme
屬性,NexT主題默認使用Muse
模式,讀者可根據自己的喜好,選擇其中一種模式。
設置預覽摘要
設置完模式后,讀者們會發現,盡管首頁顯示的是所有文章的列表,但是每一篇文章都顯示了所有內容,這樣感覺看起來不舒服,這時候可以啟用預覽摘要模式,在主題配置文件中找到auto_excerpt
屬性,將enable
設置為true ,將length
設置為想要預覽到的字數
添加評論功能
-
注冊友言賬號
打開友言官網,單擊“注冊”按鈕后,按照套路可完成賬號注冊。 -
獲取uid
注冊完登錄后,在首頁單擊“后台管理”按鈕進入后台界面便可看到自己的用戶ID,將其復制下來 - 主題配置文件 設置uid
打開主題配置文件,在其中找到屬性youyan_uid
,然后在:
后添加之前復制的uid
添加打賞功能
-
獲取微信收款二維碼
微信二維碼的獲取途徑還是比較容易的,按照這個教程即可實現,讀者們也可以預先設置收款的金額。 -
獲取支付寶收款二維碼
筆者上網查了很多關於支付寶收款二維碼的相關信息,奈何得到的結果不是版本不一致就是商家認證,找了好久,終於找到一個符合要求的教程,讀者們可別被“商家平台”這幾個字嚇到了,普通用戶一樣可以開通,且不需要相關證件的認證,讀者們可根據這個教程獲得自己的支付寶收款二維碼。 -
添加二維碼圖片資源
得到二維碼圖片資源后,讀者們可將二維碼圖片放到NexT根目錄/source/images/
文件夾下。 -
開啟打賞功能
找到主題配置文件,在其最后添加打賞的配置信息:reward_comment: 堅持原創技術分享,您的支持將鼓勵我繼續創作! wechatpay: 圖片鏈接或圖片相對路徑 alipay: 圖片鏈接或圖片相對路徑
設置側邊欄顯示效果
- 在主題配置文件中,找到
sidebar
的display
屬性,display
屬性有四種顯示模式:分別為:
post // 默認顯示方式 always // 一直顯示 hide // 初始隱藏 remove // 移除側邊欄
添加菜單選項
默認情況下,菜單導航欄有首頁、歸檔、關於三個選項,除此之外筆者還添加了分類、標簽和關於。在主題配置文件中,找到menu
屬性,並去掉categories
、 tags
、about
的的注釋,
然后在Hexo根目錄執行指令如下:
// 添加分類頁面
hexo new page "categories"
// 添加標簽頁面
hexo new page “tags”
// 添加關於頁面
hexo new page "about
執行完上述指令后,在Hexo根目錄/source/
文件夾下創建三個文件夾,命名分別為:categories、tags、about文件夾,在這些文件夾中分別會創建一個以index
命名的Markdown文件,對這三個Markdown文件內容進行修改,使之分別為:
---
title: categories
date: 2017-03-12 22:06:24
type: "categories"
---
---
title: 標簽
date: 2017-03-12 17:27:16
type: "tags"
---
---
title: about
date: 2017-03-12 22:07:26
type: "about"
---
完成文件的修改,然后部署Hexo即可完成菜單選項的添加。
添加搜索功能
注冊Algolia,創建Index
安裝Hexo Algolia