为你的hexo博客添加追番功能

2024-04-23 19:14:30

追番

安装插件

npm install hexo-bilibili-bangumi --save
GitHub：hexo-bilibili-bangumi

修改配置

在站点的配置文件 _config.yml 里添加：

bangumi:enable: truepath:vmid:title:quote:show: 1loading:metaColor:color:webp:

注意，不是主题配置文件

注释：
enable: 是否启用
path: 番剧页面路径，默认 bangumis/index.html
vmid: 哔哩哔哩番剧页面的 vmid(uid)
title: 该页面的标题
quote: 写在页面开头的一段话，支持 html 语法
show: 初始显示页面：0: 想看 , 1: 在看 , 2: 看过，默认为 1
loading: 图片加载完成前的 loading 图片
metaColor: meta 部分 (简介上方) 字体颜色
color: 简介字体颜色
webp: 番剧封面使用 webp 格式 (此格式在 safari 浏览器下不显示，但是图片大小可以缩小 100 倍左右), 默认 true
vmid 获取
登录哔哩哔哩后前往 https://space.bilibili.com/ 页面，网址最后的一串数字就是 uid

注意：追番列表需要设置为公开才可

使用
在 hexo generate 或 hexo deploy 之前使用

hexo bangumi -u
命令更新番剧数据！

删除数据命令: hexo bangumi -d

配置在站点上
在 source 目录下新建一个文件夹
命名为 bilibili (自己随意起一个)
将配置文件里的 path 设置为 bilibili/index.html
在需要引入的地方引入 /bilibili/ 即可

为你的hexo博客添加追番功能相关推荐

为 hexo 博客添加本地搜索功能
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的!个人 ...
hexo博客添加暗色模式_我如何向网站添加暗模式
hexo博客添加暗色模式同一个网站,两种不同的配色方案 (Same website, two different color schemes) Last year I made it a point ...
hexo博客添加暗色模式_我如何将暗模式添加到我的网站
hexo博客添加暗色模式 I recently redesigned my website. Here are 2 pictures of how it looked, for reference: ...
Hexo博客添加评论功能
Hexo博客添加评论功能实现了Hexo的评论功能先附上官网链接valine官网我使用的是Material-X主题,大多主题都支持,基本在官方主题文档都可以找到使用方法 1.进入官网,注册账号需 ...
Hexo 博客添加看板娘
Hexo 博客添加看板娘相信看到这里的小伙伴都有属于自己的hexo博客了吧,废话不多说,我们直接进入主题我的博客:传送门 1.安装模块在hexo根目录下用Git执行命令 npm install ...
php语录网站,杨泽业：给你的wordpress博客添加经典语录功能，适合所有php网站
我们做一个网站就是要不断给访客提供最佳的用户体验,同时提升自己的品牌价值,而文章结束的经典语录的功能,完全可以实现我们所要达到的效果.(如下图) 给你的wordpress博客添加经典语录功能这个 ...
利用Cloudflare为基于GitHub Pages的Hexo博客添加HTTPS支持
文章目录 ● 前言 ● 注册 Cloudflare ● 添加站点 ● 修改DNS ● 开启 HTTPS ● 重定向强制 HTTPS HTTP(超文本传输协议),是一个基于请求与响应,无状态的,应用层的 ...
向Hexo博客添加微博秀（pug模板）
目的本文是一个详细的教程,告诉大家如何在Hexo博客中嵌入微博秀或者微博直播组件. 为什么要向博客中添加微博秀/微博直播组件? 微博秀是什么新浪微博秀,可以放置在你的博客.网站,或是其它支持htm ...
hexo博客添加本地搜索功能
写在前面本文主要描述了怎么添加hexo博客搜索插件,然后启动搜索功能,对两个本地搜索插件的使用进行了描述,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文用的东西 hexo 3.1.0 wi ...

最新文章

热门文章