npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

hexo-bangumi-gallery

v1.1.0

Published

A Hexo plugin, show your anime list in your blog.

Downloads

39

Readme

Hexo Bangumi Gallery

简体中文 | English

Hexo番剧墙插件,在你的博客中展示你的追番。支持从Bangumi番组计划MyAnimeList获取番剧信息。

预览

番剧墙有两种样式可选,lite模式下只显示番剧封面和番剧名称(可选)full模式下会显示更多番剧信息。

lite 模式

lite 模式下番剧仅显示番剧封面和番剧名称,你也可以选择只显示番剧封面。
你也可以在配置文件中配置番剧间的间隔以及每页显示的番剧数量。这在后面的配置部分中有详细的介绍。 lite 模式(显示番剧名称)

full 模式

full 模式下除了番剧封面和番剧名称外,还会显示番剧简介、集数、评分、放送日期等信息。 full 模式
对于在看的番剧,你可以选择是否在番剧信息中显示当前追番进度。 full 模式下展示追番进度

注意:由于MyAnimeList API限制,使用MyAnimeList API获取番剧信息时,需要提供API Key。 并且当使用MyAnimeList API获取番剧信息时,仅能使用lite模式。

使用

  1. 安装插件

    在博客的项目目录下,运行以下命令安装插件:

    npm install hexo-bangumi-gallery --save
  2. 配置

    在博客的_config.yml文件中添加以下配置:

    # Bangumi gallery
    bangumi_gallery:
      enable: true      # 是否启用插件
      path: /bangumi.html      # 番剧墙页面的路径
      api: 'bgm'      # 使用哪一个API获取番剧信息,可选bgm(Bangumi番组计划)或mal(MyAnimeList)
      api_key: ''     # 可选,仅当使用MyAnimeList API获取番剧信息时需要提供
      user_id: ''     # 你的Bangumi或MyAnimeList用户id
      display:
        index: 1      # 番剧墙页面首先展示的板块。1想看,2在看,3已看
        image_level: 'l'      # 番剧封面质量,可选l, c, m, s, g
        size: 'lite'     # lite 或 full 模式
        name: true      # 在 lite 模式下,是否显示番剧名称
        margin: 10      # 每个番剧之间的间隔
        page_size: 24     # 每页展示的番剧数量
        progress: true      # 是否在 full 模式下的在看页面展示追番进度
        lazyload: true    # 是否启用懒加载
      title: '追番'      # 番剧墙页面的标题
      quote: '你能和我看一辈子动画吗'      # 可以用来玩梗(
  3. 运行

    正确填写配置文件后,运行server。初次运行时,插件会自动获取番剧信息并缓存到本地。
    获取完数据后,访问 http://localhost:4000/[path] 应该就能看到番剧墙页面了。
    如果要更新番剧数据,在博客项目目录下运行以下命令,番剧数据就会更新并缓存。

    hexo bangumi-gallery -u

鸣谢

LICENSE

MIT