安装bangumi插件

1
npm install hexo-bilibili-bangumi --save

配置

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

1
2
3
4
5
6
7
8
# 番剧列表
bangumi:
enable: true
vmid: 11865683 #B站的UID
title: 追番列表 #番剧页面的标题
quote: 生命不息,追番不止!
show: 1
loading: https://gray-read.oss-cn-shanghai.aliyuncs.com/hexo-demo/cover/bochi-head.gif #加载时的图片,我这里用的是波奇酱的甩头(偷笑)
配置属性 含义
enable 是否启用
vmid B站的UID
title 番剧页面的标题
quote 写在页面内容开头的一段话,支持 html 语法
show 初始显示页面:0: 想看 , 1: 在看 , 2: 看过,默认为 1
loading 图片加载完成前的 loading 图片

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

创建bangumi页面并配置

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

1
hexo new page bangumis

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

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

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

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

加载番剧数据

在运行或部署前,最好先加载一次番剧的数据。这里有两个注意点:B站需要公开追番记得开梯子 (因为bangumi官网在国外,可能出现加载数据失败的情况)。

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

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