Demo: bilibili番剧
所使用到的插件:hexo-bilibili-bangumi

    [blogrootfolder],为博客根目录,以下统一写成这种。

安装步骤

    安装插件hexo-bilibili-bangumi

1
npm install hexo-bilibili-bangumi --save

在等待安装的同时,我们可以再开启一个git bash here,输入以下指令,新建一个页面:

1
hexo new page "bangumi"

注意:无需修改[blogrootfolder]/source/bangumi/index.md。他的配置完全取决于下面的设置。

[blogrootfolder]下的_config.yml(非主题配置文件)末尾加入以下配置:

1
2
3
4
5
6
7
8
9
10
11
12
bangumi:
enable: true
path:
vmid:
title: '追番列表'
quote: '生命不息,追番不止!'
show: 1
loading:
metaColor:
color:
webp:
progress:

其中,

  • enable: 是否启用。
  • path: 番剧页面路径,默认bangumi/index.html
  • vmid: 哔哩哔哩番剧页面的vmid(uid)
  • title: 该页面的标题。
  • quote: 写在页面开头的一段话,支持html语法,可留空。
  • show: 初始显示页面:0: 想看, 1: 在看, 2: 看过,默认为1
  • loading: 图片加载完成前的loading图片
  • metaColor: meta部分(简介上方)字体颜色
  • color: 简介字体颜色
  • webp: 番剧封面使用webp格式(此格式在safari浏览器下不显示,但是图片大小可以缩小100倍左右), 默认true
  • progress: 获取番剧数据时是否显示进度条,默认true

    如何获取bilibiliuid
  确保浏览器的bilibili在登录状态下,访问https://space.bilibili.com,此时,地址栏的最后一串数字即为uid。

部署

    部署过程也比较简单,在hexo g之后、hexo d之前,加入hexo bangumi -u即可。
    第一次使用hexo bangumi -u,往后部署无需再用,本地查看hexo server同理(大概吧)。

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

… …