0%

在Hexo博客中加入豆瓣读书页面


在Hexo博客个性化定制中,加入豆瓣读书界面是一个很不错的功能,可以进入我的个人阅读界面查看效果,那么我是怎么做到的呢?其实很简单,我们只需要加入一个hexo-douban模块即可。

安装模块依赖

我们使用时可以先安装依赖模块,在GitBash中使用以下命令:

1
$ npm install hexo-douban --save

站点配置文件中添加配置

然后我们再在Hexo站点根目录配置文件_config.xml中的末尾添加如下配置:

1
2
3
4
5
6
7
8
9
10
11
12
13
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

上面参数说明:

  • user: 你的豆瓣ID.打开豆瓣,登入账户,然后在右上角点击 “个人主页” ,这时候地址栏的URL大概是这样:”https://www.douban.com/people/xxxxxx/“ ,其中的”xxxxxx”就是你的个人ID了。
  • builtin: 是否将生成页面的功能嵌入hexo s和hexo g中,默认是false,另一可选项为true(1.x.x版本新增配置项)。
  • title: 该页面的标题.
  • quote: 写在页面开头的一段话,支持html语法.
  • timeout: 爬取数据的超时时间,默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

由于hexo-douban 是默认抓取豆瓣读书、豆瓣电影以及豆瓣游戏的,如果只想要其中一部分,可以把其它部分在上述配置文件中去掉即可。

启动

我们只需要在 Git Bash 中输入以下命令:hexo clean && hexo douban -bgm && hexo g && hexo s 即可,注意其中开启 hexo-douban 的命令中,-bgm 代表的是 book、game、movie 三个参数,如果只需要其中的一部分就只带你想要的那些参数。

注意:由于 hexo douban 的简写也是 hexo d,与 hexo deploy 的简写指令 hexo d 冲突,因此在进行二者部署的时候,只能都打全名而不能打简写形式。

  • 在 0.x.x 版本中,文章的更新和豆瓣页面的爬取操作是绑定在一起的,无法支持单独更新文章或者单独爬取文章。
  • 在 1.x.x 版本中,使用 hexo douban 命令即可生成指定页面,如果不加参数,那么默认参数为 - bgm。如果配置了 builtin 参数为 true,那么除了可以使用 hexo douban 命令之外,hexo g 或 hexo s 也内嵌了生成页面的功能。因此,还是按照 hexo clean && hexo g && hexo s 就可以。

部署

如果上述都没有问题,我们就可以在菜单栏中添加按钮了,打开主题配置文件_config.yml,找到菜单按钮,添加下面内容:

1
2
3
menu:
movies: /movies/ || film
books: /books/ || book

然后在 next/language/zh-CN.yml 文件中添加对应的中文参数信息:

1
2
3
menu:
movies: 观影
books: 阅读

实例

站点配置文件_config.yml

1
2
3
4
5
6
7
8
9
10
douban:
user: 216677778
builtin: true
book:
title: '读书清单'
quote: 'Don not be one of the leeches.Practice makes perfect.All experience comes from mistakes.Either stand out or kicked out.'
movie:
title: '观影报告'
quote: 'When you least expect it,nature has cunning ways of finding our weakest spot.Just…remember I am here.'
timeout: 10000

欢迎关注我的其它发布渠道