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