avatar

目录
Matery 主题安装豆瓣插件

Matery 主题安装豆瓣插件

2019-10-29

前几天发现一个很好用的插件,可以将自己在豆瓣上面的电影、书籍、游戏清单显示在 Hexo 搭建的博客页面上。由于 Matery 也是由 Hexo 驱动的,所以就想的安装来看看。

安装完,配置完,效果是惨不忍睹,可能由于没有适配,画面太美不能想象……

于是我就自己摸索,看能不能将这个主题适配到 Matery 主题上面,经过一个医学生一下午的坚持不懈,终于将插件进行了适配,准确的来说,是将 Matery 对插件进行了适配,因为插件是别人写的,我改不了😂😂

最终的显示效果就像下面显示的一样,我觉得还是可以的:

下面就详细的教大家最终怎么样才能达到我这个效果吧

1. 安装

在博客所在文件夹下执行以下命令行:

bash
1
npm install hexo-douban --save

2. 配置

2.1. 配置博客 config 文件

将下面的配置写入博客的 _config.yml 文件里(⚠️ 注意:不是主题的配置文件)

yaml
1
2
3
4
5
6
7
8
9
10
11
12
13
douban:
user: Licardo
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
  • title: 该页面的标题。
  • quote: 写在页面开头的一段话,支持html语法。
  • timeout: 爬取数据的超时时间,默认是 10000ms,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

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

2.2. 配置 config 文件

在你的主题的 _config.yml 文件中配置以下内容,也就是你存放生成的页面的位置,如下:

yaml
1
2
3
4
5
6
menu:
Home: /
Archives: /archives
Books: /books # 这是你的书单页面
Movies: /movies # 这是你的电影页面
Games: /games # 这是你的游戏页面

3. 适配 Matery

3.1. 主题端适配

在你的主题的 /themes/hexo-theme-matery/layout 文件夹下面创建一个名为 douban.ejs 的文件,并将下面的内容复制进去:

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<%- partial('_partial/post-cover') %>

文章作者: Licardo
文章链接: https://licardo.cn/posts/11199/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Licardo
打赏
  • 微信
    微信
  • 支付宝
    支付宝

评论