步骤一

使用 hexo n page bangumis

在 source 目录里创建了一个 bangumis 目录，此目录下生成了一个index.md 文件，这是追番列表页面。

image-20231204040439773

步骤二

使用 $ npm install hexo-bangumis --save在博客根目录下安装插件。

步骤三

将下面的配置写入 站点 的配置文件 _config.yml 中:

1
2
3
4
5
6
7
8
9
10
11
12
13
bangumis:
  enable: true              # 是否启用
  path: bangumis/index.html # 生成追番页面的路径
  show: 1                   # 想看，在看，看完
  title: '追番列表'          # 标题
  quote: '生命不息，追番不止' # 格言
  color_meta: "#555"        # 追番项元数据的颜色
  color_summary: "#555"     # 追番项简介的颜色
  bgmtv_uid: 你的uid        # bgm.tv的uid
  download_image: true      # 下载图片并使用本地图片，否则使用bgm.tv提供的网络图源
  image_level: c            # 图片高清等级 (l, c, m, s, g)
  lazyload: true            # 是否开启懒加载
  margin: 20px              # 封面图的偏移量微调

进入_config.butterfly.yml主题配置文件

添加

1
追番: /bangumis/ || fa-brands fa-bilibili
1
2
3
4
5
6
7
8
9
10
 Menu 目錄
menu:
  主页: / || fas fa-home
  时间轴: /archives/ || fas fa-archive
  分类: /categories/ || fas fa-folder-open
  标签: /tags/ || fas fa-tags
  友链: /link/ || fas fa-link
  关于: /about/ || fas fa-heart
  列表||fas fa-list:
    追番: /bangumis/ || fa-brands fa-bilibili +

代码后的+意为添加项，不应该被复制

步骤四

在 Bangumi 番组计划注册一个账号

请注意！番组计划只提供管理ACG收藏与收视进度，分享交流，不提供在线观看、下载资源！

image-20231204041315459

方法一

进入设置

image-20231204041629708

找到用户名，设置一个用户名

image-20231204041708861

填入站点 的配置文件 _config.yml（注意不是主题配置）

将你的用户名填入

bgmtv_uid: 你的uid # bgm.tv的uid

方法二

将鼠标指针停留在你的头像上，左下角会显示你的UID

image-20231204042345445

或登录 bgm.tv 后打开控制台（快捷键 Ctrl + Shift + J），输入 CHOBITS_UID 后按回车，得到的数字就是 uid

填入站点 的配置文件 _config.yml（注意不是主题配置）

将你的UID填入

bgmtv_uid: 你的uid # bgm.tv的uid

步骤五

更新追番数据：

​ 使用$ hexo bangumis -u

删除追番数据：

​ 使用$ hexo bangumis -d

步骤六

生成页面

$ hexo cl && hexo g

预览博客

$ hexo s