GithubHelp home page GithubHelp logo

hexo-bilibili-bangumi-butterfly's Introduction

hexo-bilibili-bangumi-butterfly

追番

想给博客加一个追番列表,但是我在去年(2020年)没找到那些关于hexo的,所以没有QAQ 好在,现在有啦~

部署

Github:https://github.com/XiaoLFeng/hexo-bilibili-bangumi-butterfly

安装代码:

npm install hexo-bangumi-butterfly --save

升级代码:

npm install hexo-bangumi-butterfly --update --save

将下面的配置写入站点的配置文件 _config.yml 里(不是主题的配置文件).

bangumi:
  enable: true
  path:
  vmid:
  title: '追番列表'
  quote: '不宅也不肥'
  show: 1
  loading:
  metaColor:
  color:
  webp:
  progress:
  • 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
  • progress: 获取番剧数据时是否显示进度条,默认true

使用方式

在 hexo generate 或 hexo deploy 之前使用

hexo bangumi -u

命令更新番剧数据!

删除数据命令

hexo bangumi -d

例如(代码)

hexo bangumi -u && hexo clean && hexo g -d

获取 uid

登录哔哩哔哩后前往https://space.bilibili.com/页面,网址最后的一串数字就是 uid

需要将追番列表设置为公开!

Lisense

Apache Licence 2.0

hexo-bilibili-bangumi-butterfly's People

Stargazers

 avatar

Watchers

 avatar

hexo-bilibili-bangumi-butterfly's Issues

番剧缩略图不显示

您好!我按照您的教程部署好了追番页面,但是不知道为什么缩略图在第一次加载出来之后又变成了加载图,我尝试过关闭懒加载,也不起作用。请问应该如何解决呢?

image

image

image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.