在hexo博客中加入豆瓣讀書功能

在Hexo博客個(gè)性化定制中,加入豆瓣讀書界面是一個(gè)很不錯(cuò)的功能,可以進(jìn)入我的個(gè)人閱讀界面查看效果,那么我是怎么做到的呢?其實(shí)很簡(jiǎn)單,我們只需要加入一個(gè)hexo-douban模塊即可。

博客原文鏈接:https://bestzuo.cn/posts/hexo-douban.html

hexo-douban的Github鏈接:hexo-douban的Github地址

安裝模塊依賴

我們使用時(shí)可以先安裝依賴模塊,在GitBash中使用以下命令:

$ npm install hexo-douban --save

站點(diǎn)配置文件中添加配置

然后我們?cè)僭贖exo站點(diǎn)根目錄配置文件_config.xml中的末尾添加如下配置:

douban:
  user: mythsman
  builtin: false
  book:
    title: 'This is my book title'
    quote: 'This is my book quote'
  movie:
    title: 'This is my movie title'
    quote: 'This is my movie quote'
  game:
    title: 'This is my game title'
    quote: 'This is my game quote'
  timeout: 10000 

上面參數(shù)說(shuō)明:

  • user: 你的豆瓣ID.打開豆瓣,登入賬戶,然后在右上角點(diǎn)擊 "個(gè)人主頁(yè)" ,這時(shí)候地址欄的URL大概是這樣:"https://www.douban.com/people/xxxxxx/" ,其中的"xxxxxx"就是你的個(gè)人ID了。
  • builtin: 是否將生成頁(yè)面的功能嵌入hexo shexo g中,默認(rèn)是false,另一可選項(xiàng)為true(1.x.x版本新增配置項(xiàng))。
  • title: 該頁(yè)面的標(biāo)題.
  • quote: 寫在頁(yè)面開頭的一段話,支持html語(yǔ)法.
  • timeout: 爬取數(shù)據(jù)的超時(shí)時(shí)間,默認(rèn)是 10000ms ,如果在使用時(shí)發(fā)現(xiàn)報(bào)了超時(shí)的錯(cuò)(ETIMEOUT)可以把這個(gè)數(shù)據(jù)設(shè)置的大一點(diǎn)。

由于hexo-douban 是默認(rèn)抓取豆瓣讀書、豆瓣電影以及豆瓣游戲的,如果只想要其中一部分,可以把其它部分在上述配置文件中去掉即可。

啟動(dòng)

那么我們?nèi)绾稳ナ褂眠@個(gè)呢?

我們只需要在GitBash中輸入以下命令:hexo clean && hexo douban -bgm && hexo g && hexo s即可,注意其中開啟hexo-douban的命令中,-bgm代表的是book、game、movie三個(gè)參數(shù),如果只需要其中的一部分就只帶你想要的那些參數(shù)。

另外注意的是,由于hexo douban的簡(jiǎn)寫也是hexo d,與hexo deploy的簡(jiǎn)寫指令hexo d沖突,因此在進(jìn)行二者部署的時(shí)候,只能都打全名而不能打簡(jiǎn)寫形式。

測(cè)試

上面都沒問(wèn)題之后,我們只需要在站點(diǎn)目錄下測(cè)試http://localhost:4000/books或者http://localhost:4000/movies等,如果看到頁(yè)面了就說(shuō)明成功了。

部署

如果上述都沒有問(wèn)題,我們就可以在菜單欄中添加按鈕了,打開主題配置文件_config.xml,找到菜單按鈕,可以選擇性的添加下面內(nèi)容:

menu:
  home: /
  archives: /archives
  books: /books     # 這是鏈接到books頁(yè)面
  movies: /movies   #  這是鏈接到movies頁(yè)面
  games: /games   # 這是鏈接到games頁(yè)面

注意添加完成之后按鈕并不是中文的,這是由于在languages文件夾下面的zh-CN(中文語(yǔ)言配置文件)沒有添加上述對(duì)應(yīng)的中文參數(shù)信息,所以我們需要主動(dòng)添加。

語(yǔ)言文件夾在你的主題配置文件夾下面,比如我的是使用的next主題,則是在E:\blog\hexo\themes\next\languages目錄下,找到zh-CN文件,在menu菜單下添加:

menu:
  books: 閱讀
  movies: 電影
  games: 游戲

即可完成中文化自定義菜單。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容