Hexo哔哩哔哩番剧页面插件

效果如下：

柊野的追番页面

https://zhongye1.github.io/box/dhs/

安装

1
2
POWERSHELL
cnpm install hexo-bilibili-bangumi --save

配置

将下面的简化配置信息写入_config.yml中，并非主题配置文件。

1
2
3
4
5
6
7
8
9
YML
# 番剧列表
bangumi:
  enable: true 
  vmid: 11865683 #填自己B站的UID
  title: 追番列表 #番剧页面的标题
  quote: 生命不息，追番不止！
  show: 1
  loading:   #加载时的图片,我这里用的是波奇酱的甩头(偷笑)
配置属性 含义
enable 是否启用
vmid B站的UID
title 番剧页面的标题
quote 写在页面内容开头的一段话，支持 html 语法
show 初始显示页面：0: 想看 , 1: 在看 , 2: 看过，默认为 1
loading 图片加载完成前的 loading 图片

更详细的配置属性可查看作者的教程，Bangumi插件。
B站UID获取请进入个人主页，网站最后一串数字就是UID。

创建bangumi页面并配置

在Hexo项目的根目录下进入控制台，创建bangumis页面。

1
2
POWERSHELL
hexo new page bangumis

在bangumis页面的index.md文件中，标注type为bangumis

1
2
3
4
5
6
POWERSHELL
---
title: bangumis
date: 2022-12-27 14:48:48
type: "bangumis"
---

并且在主题配置文件_config.butterfly.yml中加入bangumis页面的路由配置

1
2
3
4
YML
menu:
  ...
  番剧: /bangumis/ || fa-brands fa-youtube

加载番剧数据

**在运行或部署前，最好先加载一次番剧的数据。这里有两个注意点：B站需要公开追番 **

(此外，因为bangumi官网在国外，可能出现加载数据失败的情况，加载失败记得开梯子)。

1
2
POWERSHELL
hexo bangumi -u && hexo clean && hexo g -d

最后运行项目，查看bangumis页面是否有追番列表。

img

动图