我在我废弃的博客1.0中,添加了追番页,写个教程记录一下怎么实现的我追的番 | mccsjs🍋の小家 1

安装插件

在控制台中键入以下内容

npm install hexo-bilibili-bangumi --save

配置

(此处使用了旧版博客一模一样的配置,照着我的注释改) 将以下配置写入站点的配置文件 _config.yml 中(不是主题的配置文件):

# 追番插件
bangumi: # 追番设置
  enable: true  # 是否启用
  source: bili  # 数据源
  path: /dm/  # 这是让番剧挂载的页面,自行修改
  vmid: 209190096 # 这是你b站的UID,更改成你自己的
  title: '我追的番'
  quote: '看番就是快乐源泉!'   # 置顶文字,自行修改
  show: 1   # 初始显示页面: 0=想看, 1=在看, 2=看过
  lazyload: true
  metaColor:
  color:  # 简介字体颜色
  webp:
  progress:
  extra_options:
    key: value
cinema: # 追剧设置
  enable: true  # 是否启用
  source: bili   # 数据源
  path: /video/
  vmid: 209190096  # b站uid
  title: '追剧列表'
  quote: '好看的剧!'
  show: 1
  lazyload: true
  metaColor:
  color:
  webp:
  progress:
  extra_options:
    key: value

使用方法

在生成或部署博客之前,需要更新追番/追剧数据:

  • 更新追番数据:
hexo bangumi -u
  • 更新追剧数据
hexo cinema -u
  • 删除追番数据
hexo bangumi -d
  • 删除追剧数据
hexo cinema -d

手动添加数据

在 source/_data/ 目录下创建 extra_bangumis.json(追番)或 extra_cinemas.json(追剧):

  • 此处给的同款追加番剧
{
  "watchedExtra": [
    {
      "title": "番剧标题",
      "type": "番剧",
      "area": "日本",
      "cover": "封面图片链接",
      "totalCount": "全12话",
      "link": "https://example.com/xxx",
      "des": "简介内容..."
    }
  ]
}

第一项的含义为:

  • wantWatchExtra: 想看
  • watchingExtra: 在看
  • watchedExtra: 看过