给Hexo添加读书、电影页面

折腾

需求

  • 建立独立页面,记录读过的书和看过的电影
  • 页面信息尽量丰富,类似海报墙

解决

  • 利用豆瓣插件,爬取账号下的记录,生成静态页面

安装

npm install hexo-douban --save

配置hexo

配置安装目录下 _config.yml添加

douban:
  id:  #豆瓣id
  builtin: false
  item_per_page: 10 #每页最多数量
  meta_max_line: 4 #每条目文字最多行数
  customize_layout: page #输出布局
  book:
    path: books/index.html #路径
    title: 'This is my book title' #标题
    quote: 'This is my book quote' #页面开头
    option:
  movie:
    path: movies/index.html
    title: 'This is my movie title'
    quote: 'This is my movie quote'
    option:
  game:
    path: games/index.html
    title: 'This is my game title'
    quote: 'This is my game quote'
    option:
  song:
    path: songs/index.html
    title: 'This is my song title'
    quote: 'This is my song quote'
    option:
  timeout: 10000 #爬取超时

配置主题

主题目录下 _config.yml添加

menu:
  - page: movies
    directory: movies/
    icon: fa-movie
  - page: books
    directory: books/
    icon: fa-book

使用

hexo douban

帮助

hexo douban -h
Usage: hexo douban

Description:
Generate pages from douban

Options:
  -b, --books   Generate douban books only
  -g, --games   Generate douban games only
  -m, --movies  Generate douban movies only
  -s, --songs   Generate douban songs only

其他

  • 默认展示了books/games/movies/songs,不需要的注释掉即可
  • 由于hexo clean后,会删除public文件夹,所以具体使用时按照hexo clean - hexo generate - hexo douban的顺序
  • Hexo d再安装豆瓣插件后无法使用,要全拼deploy

注意

插件已更新,老版依然能用,但新的更好,可以单独配置单独显示想看/在看/已看