安装
1 | $ npm install hexo-douban --save |
配置
将下面的配置写入站点的配置文件 _config.yml
里(不是主题的配置文件).
1 | douban: |
- 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)可以把这个数据设置的大一点。
如果只想显示某一个页面(比如movie),那就把其他的配置项注释掉即可。
启动
我们只需要在GitBash
中输入以下命令:hexo clean && hexo douban -bgm && hexo g && hexo s
即可,注意其中开启hexo-douban的命令中,-bgm
代表的是book、game、movie三个参数,如果只需要其中的一部分就只带你想要的那些参数。
另外注意的是,由于hexo douban
的简写也是hexo d
,与hexo deploy
的简写指令hexo d
冲突,因此在进行二者部署的时候,只能都打全名而不能打简写形式。
升级
可以用下面的方法来更新:
- 修改package.json内hexo-douban的版本号至最新
- 重新安装最新版本
npm install hexo-douban --save
或者使用npm install hexo-douban --update --save
直接更新。
测试
如果上面的配置和操作都没问题,就可以在生成站点之后打开 //yourblog/books
和 //yourblog/movies
, //yourblog/games
, 来查看结果.
部署
如果上面的显示没有问题就可以在主题的配置文件 _config.yml
里添加如下配置来为这些页面添加菜单链接.
1 | menu: |
注意添加完成之后按钮并不是中文的,这是由于在languages
文件夹下面的zh-CN
(中文语言配置文件)没有添加上述对应的中文参数信息,所以我们需要主动添加。
语言文件夹在你的主题配置文件夹下面,比如我的是使用的next主题,则是在E:\blog\hexo\themes\next\languages
目录下,找到zh-CN
文件,在menu菜单下添加:
1 | menu: |
参考
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CodeHao's Blog!
评论