hexo博客添加功能

設置Hexo主題模式html

Hexo主題中,有三種不一樣的模式,經過切換模式,讓NexT主題顯示不同的樣式。在NexT根目錄下有一個一樣名稱爲_config.yml,爲了區分hexo根目錄下的_config.yml,將前者稱爲主題配置文件,在其中找到scheme屬性,NexT主題默認使用Muse模式,讀者可根據本身的喜愛,選擇其中一種模式。微信

設置預覽摘要

設置完模式後,讀者們會發現,儘管首頁顯示的是全部文章的列表,可是每一篇文章都顯示了全部內容,這樣感受看起來不舒服,這時候能夠啓用預覽摘要模式,在主題配置文件中找到auto_excerpt屬性,將enable設置爲true ,將length設置爲想要預覽到的字數hexo

添加評論功能

    • 註冊友言帳號
      打開友言官網,單擊「註冊」按鈕後,按照套路可完成帳號註冊。ide

    • 獲取uid
      註冊完登陸後,在首頁單擊「後臺管理」按鈕進入後臺界面即可看到本身的用戶ID,將其複製下來post

    • 主題配置文件 設置uid
      打開主題配置文件,在其中找到屬性youyan_uid,而後在:後添加以前複製的uid

添加打賞功能

  • 獲取微信收款二維碼
    微信二維碼的獲取途徑仍是比較容易的,按照這個教程便可實現,讀者們也能夠預先設置收款的金額。ui

  • 獲取支付寶收款二維碼
    筆者上網查了不少關於支付寶收款二維碼的相關信息,奈何獲得的結果不是版本不一致就是商家認證,找了很久,終於找到一個符合要求的教程,讀者們可別被「商家平臺」這幾個字嚇到了,普通用戶同樣能夠開通,且不須要相關證件的認證,讀者們可根據這個教程得到本身的支付寶收款二維碼。.net

  • 添加二維碼圖片資源
    獲得二維碼圖片資源後,讀者們可將二維碼圖片放到NexT根目錄/source/images/文件夾下。code

  • 開啓打賞功能
    找到主題配置文件,在其最後添加打賞的配置信息:htm

    reward_comment: 堅持原創技術分享,您的支持將鼓勵我繼續創做!
    wechatpay: 圖片連接或圖片相對路徑
    alipay: 圖片連接或圖片相對路徑

設置側邊欄顯示效果

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

添加菜單選項

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

而後在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

相關文章
相關標籤/搜索