此篇为转载，下方给出原创地址。

原创直达

https://sourl.cn/Khu7dT

介绍

为 Hexo 添加追番/追剧页面，参考了hexo-douban的部分代码

安装插件

1
npm install hexo-bilibili-bangumi --save

配置

将下面的配置写入站点的配置文件_config.yml里(不是主题的配置文件)

1
2
3
4
5
6
7
8
9
10
11
12
13
bangumi: # 追番设置
  enable: true
  source: bili
  path:
  vmid:
  title: '追番列表'
  quote: '生命不息，追番不止！'
  show: 1
  loading:
  metaColor:
  color:
  webp:
  progress:

参数释义

  • enable: 是否启用
  • source: 数据源，仅支持番剧，bili：哔哩哔哩源；bgm：Bangumi源
  • path: 页面路径，默认bangumis/index.html,cinemas/index.html
  • vmid: 哔哩哔哩的vmid(uid)
  • title: 该页面的标题
  • quote: 写在页面开头的一段话，支持 html 语法，可留空。
  • show: 初始显示页面：0: 想看,1: 在看,2: 看过，默认为1
  • loading: 图片加载完成前的 loading 图片
  • metaColor: meta 部分(简介上方)字体颜色
  • color: 简介字体颜色
  • webp: 番剧封面使用webp格式(此格式在safari浏览器下不显示，但是图片大小可以缩小 100 倍左右), 默认true
  • progress: 获取番剧数据时是否显示进度条，默认true

主题配置文件添加追番菜单,“+”号仅提示作用，不要保留

1
2
3
4
5
6
7
8
9
10
11
12
13
menu:
   主页: / || fas fa-home
   文章||fas fa-list:
     归档: /archives/ || fas fa-archive
     标签: /tags/ || fas fa-tags
     分类: /categories/ || fas fa-folder-open
+   追番: /bangumis/ || fas fa-archive
   列表||fas fa-list:
     音乐: /music/ || fas fa-music
     电影: /movies/ || fas fa-video
     友链: /link/ || fas fa-link
     关于: /about/ || fas fa-heart
   导航: https://www.yilandh.tk || fa-solid fa-diamond-turn-right

使用

  1. 首先登录b站
  2. 将追番列表设置为公开
  3. 登录后前往：https://space.bilibili.com/，网址最后一串数字就是vmid
  4. 在hexo generate或hexo deploy之前使用hexo bangumi -u命令更新追番数据，使用hexo cinema -u命令更新追剧数据！
  5. 删除数据命令:hexo bangumi -d/hexo cinema -d

手动添加番剧

因为某些番剧在哔哩哔哩上没有，但是又想在hexo中展示，怎么办呢？现在支持手动添加番剧数据了！

在sources/_data/目录下新建文件，命名为extra_bangumis.json(追番数据)或extra_cinemas.json(追剧数据) ，并添加以如下内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
  "watchedExtra": [
    {
      "title": "缘之空",
      "type": "番剧",
      "area": "日本",
      "cover": "https://cdn.jsdelivr.net/gh/mmdjiji/bangumis@main/Yosuga-no-Sora/cover.jpg",
      "totalCount": "全12话",
      "id": 0,
      "follow": "不可用",
      "view": "不可用",
      "danmaku": "不可用",
      "coin": "不可用",
      "score": "不可用",
      "des": "远离都市的田园小镇，奥木染。春日野悠带着妹妹穹，来到了这座城镇。坐落在这里的是，儿时暑假经常造访的充满回忆的已故祖父的家。双亲因意外事故而丧生，变得无依无靠..."
    }
  ]
}

title是番剧的标题，cover是封面图链接，des是简介，上述字段均根据需要修改。

另外除了watchedExtra数组，还可以在后面添加新的数组，可用数组名如下:

可用数组名 含义
wantWatchExtra 想看
watchingExtra 在看
watchedExtra 看过