hexo-bilibili - 为你的hexo博客添加一个追番列表

简单介绍

本文根据大佬提供的插件hexo-bilibili-bangumi)编写,最终就是我的追番列表这样的效果

界面预览

界面预览

安装流程

  1. 安装插件

    1
    $ npm install hexo-bilibili-bangumi --save
  2. 在_config.yml配置文件里添加你的配置(以下配置为了确保一次正常运行,与官方示例不同,完整示例见官方):

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    bangumi: # 追番设置
    enable: true
    source: bili
    bgmInfoSource: 'bgmApi'
    path:
    vmid: 这里写你的哔哩哔哩uid
    title: '追番列表'
    quote: '生命不息,追番不止!'
    show: 1
    lazyload: false
    srcValue: '__image__'
    lazyloadAttrName: 'data-src=__image__'
    loading:
    showMyComment: false
    pagination: false
    metaColor:
    color:
    webp:
    progress:
    extraOrder:
    order: latest
    coverMirror:
  3. 登录哔哩哔哩后前往https://space.bilibili.com/ 页面,网址最后的一串数字就是 uid,把这个填写入上面配置文件的vmid中, hexo bangumi -u命令更新追番数据,使用hexo cinema -u命令更新追剧数据.后续更新都可以使用这个命令!
    更新

  4. 在_config.anzhiyu.yml配置文件里打开这个配置:

    1
    2
    3
    4
    5
     我的:
    # 音乐馆: /music/ || anzhiyu-icon-music
    追番页: /bangumis/ || anzhiyu-icon-bilibili
    # 相册集: /album/ || anzhiyu-icon-images
    # 小空调: /air-conditioner/ || anzhiyu-icon-fan
  5. 然后你就可以在/bangumis后缀的页面下看见你的追番列表页面啦。(如果修改了path的话,以你实际填写path为主)
  • 在实际的配置过程中,lazyload选项容易和主题冲突,导致图片一直转圈;pagination选项也会有冲突,导致分页异常。因此上面的配置我都改成了默认关闭。

相关链接

Github 点击前往