hexo博客添加功能


設置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: 圖片鏈接或圖片相對路徑

設置側邊欄顯示效果

  • 在主題配置文件中,找到sidebardisplay屬性,display屬性有四種顯示模式:分別為:
  • post // 默認顯示方式 always // 一直顯示 hide // 初始隱藏 remove // 移除側邊欄

添加菜單選項

默認情況下,菜單導航欄有首頁、歸檔、關於三個選項,除此之外筆者還添加了分類、標簽和關於。在主題配置文件中,找到menu屬性,並去掉categories、 tagsabout的的注釋,

然后在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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM