hexo-douban:可以在 Hexo 页面中嵌入豆瓣页面的插件
hexo-douban
安装
npm install hexo-douban --save-dev |
配置
在博客站点的配置文件 _config.yml
中添加以下内容(注意:不是主题的配置文件)
# hexo-douban |
- user: 你的豆瓣ID.打开豆瓣,登入账户,然后在右上角点击 “个人主页” ,这时候地址栏的URL大概是这样:”https://www.douban.com/people/xxxxxx/" ,其中的”xxxxxx”就是你的个人ID了。
- builtin: 是否将生成页面的功能嵌入hexo s和hexo g中,默认是false,另一可选项为true(1.x.x版本新增配置项)。
如果配置了builtin参数为true,那么除了可以使用hexo douban命令之外,hexo g或hexo s也内嵌了生成页面的功能。 - title: 该页面的标题.
- quote: 写在页面开头的一段话,支持html语法.
- timeout: 爬取数据的超时时间,默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。
注意:如果只想显示某一个页面(比如movie),那就把其他的配置项注释掉即可。
访问
如果上面的配置都没有问题,就可以使用以下地址访问
http://localhost:4000/books |
注意:此时books、movies、games不需要使用hexo new page xxx来创建,只需要配置hexo-douban后会自动创建。
Butterfly 主题中使用 hexo-douban 插件
添加到菜单中
如果上面的页面显示都无问题的话,就可以在主题的配置文件 _config.butterfly.yml
中为这些页面添加菜单链接了
menu: |
并且修改主题配置文件 _config.butterfly.yml
# If you are using hexo-douban, you can configure it (如果你有使用 hexo-douban,可配置這個) |
- movies_img: 设置 hexo-douban 中 movies 页面的 top_img
- books_img: 设置 hexo-douban 中 books 页面的 top_img
- games_img: 设置 hexo-douban 中 games 页面的 top_img
页面的效果
其他页面都是类似的