hexo-bilibili - 为你的hexo博客添加一个追番列表

简单介绍 🥰

本文根据大佬提供的插件hexo-bilibili-bangumi)编写，最终就是我的追番列表这样的效果

界面预览 🥰

[{"url":"https://362ccea.webp.li/202409171919858.png","alt":"界面预览"}]
  1. 安装插件
1
$ npm install hexo-bilibili-bangumi --save
  1. 在_config.yml配置文件里添加你的配置(以下配置为了确保一次正常运行，与官方示例不同，完整示例见官方)：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
bangumi: # 追番设置
  enable: true
  source: bili
  bgmInfoSource: 'bgmApi'
  path:
  vmid: 这里写你的哔哩哔哩uid
  title: '追番列表'
  quote: '生命不息，追番不止！'
  show: 1
  lazyload: false
  srcValue: '__image__'
  lazyloadAttrName: 'data-src=__image__'
  loading: 
  showMyComment: false
  pagination: false
  metaColor:
  color:
  webp:
  progress:
  extraOrder:
  order: latest
  coverMirror:

  1. 登录哔哩哔哩后前往https://space.bilibili.com/ 页面，网址最后的一串数字就是 uid,把这个填写入上面配置文件的vmid中, hexo bangumi -u命令更新追番数据,使用hexo cinema -u命令更新追剧数据.

  2. 在_config.anzhiyu.yml配置文件里打开这个配置：

1
2
3
4
5
 我的:
#   音乐馆: /music/ || anzhiyu-icon-music
   追番页: /bangumis/ || anzhiyu-icon-bilibili
#   相册集: /album/ || anzhiyu-icon-images
#   小空调: /air-conditioner/ || anzhiyu-icon-fan
  1. 然后你就可以在/bangumis后缀的页面下看见你的追番列表页面啦。(如果修改了path的话，以你实际填写path为主)

在实际的配置过程中，lazyload选项容易和主题冲突，导致图片一直转圈；pagination选项也会有冲突，导致分页异常。因此上面的配置我都改成了默认关闭。

Github 点击前往