Hexo添加豆瓣个人页面

  1. 安装hexo-douban插件
1
npm install hexo-douban --save-dev
  1. 在博客站点的配置文件_config.yml中添加以下内容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
douban:
  id: xxxx  # 豆瓣ID，https://www.douban.com/people/xxxxxx/" ，其中的”xxxxxx”就是个人ID。（只包含数字）
  builtin: true
  book:
    title: '标题名字'
    quote: '首界面显示一句话'
  movie:
    title: '那标题名字'
    quote: '首界面显示一句话'
  game:
    title: '标题名字'
    quote: '首界面显示一句话'
  timeout: 10000 # 超时的时间，单位是毫秒

    # 是否将生成页面的功能嵌入hexo s和hexo g中，默认是false,另一可选项为true。
    # 如果配置了builtin参数为true，那么除了可以使用hexo douban命令之外，hexo g或hexo s也内嵌了生成页面的功能。
    # 原来的hexo d变得模棱两可，需要使用hexo deploy

豆瓣网链接

  1. 如果上面的配置都没有问题，就可以使用以下地址访问
1
2
3
4
http://localhost:4000/books
http://localhost:4000/movies
http://localhost:4000/games
# 此时books、movies、games不需要使用hexo new page xxx来创建，配置hexo-douban后会自动创建。
  1. 在导航栏中添加相应的选项
1
2
3
4
5
6
7
8
9
Home: / || fas fa-home
Archives: /archives/ || fas fa-archive
Tags: /tags/ || fas fa-tags
Categories: /categories/ || fas fa-folder-open
List||fas fa-list:
  Music: /music/ || fas fa-music
  Movie: /movies/ || fas fa-video
Link: /link/ || fas fa-link
About: /about/ || fas fa-heart

默认子目录是展开的，如果你想要隐藏，在子目录里添加 hide 。

1
2
3
List||fas fa-list||hide:
  Music: /music/ || fas fa-music
  Movie: /movies/ || fas fa-video