Hexo加入豆瓣读书页面

在Hexo博客个性化定制中,加入豆瓣读书界面是一个很不错的功能。GitHub上已经有人写好了这个模块:hexo-douban,我们只需要安装模块,然后配置一下就可以了。

安装

1
npm install hexo-douban --save

配置

将下面的配置写入站点的配置文件_config.yml

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 shexo g中,默认是false,另一可选项为true(1.x.x版本新增配置项)。
  • title: 该页面的标题。
  • quote: 写在页面开头的一段话,支持html语法。
  • timeout: 爬取数据的超时时间,默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

如果只想显示某一个页面(比如movie),那就把其他的配置项注释掉即可。

启动

我们只需要在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就可以。

测试

上面都没问题之后,我们只需要在站点目录下测试http://localhost:4000/books或者http://localhost:4000/movies等,如果看到页面了就说明成功了。

部署

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

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

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

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

至此,我们就完成了豆瓣读书页面的添加。

参考

赞赏一杯咖啡
0%