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 🙏

© 2026 – Pkg Stats / Ryan Hefner

hexo-butterfly-clock-anzhiyu-yourang

v1.2.2

Published

A clock card plugin for theme-butterfly

Readme

hexo-butterfly-clock

hexo-theme-butterfly添加 侧边栏电子钟

安装

  1. 如果有安装店长的插件版侧边栏电子钟(与店长的电子钟冲突),在博客根目录[Blogroot]下打开终端,运行以下指令
  # 卸载原版电子钟
  npm uninstall hexo-butterfly-clock
  1. 安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令:

     npm install hexo-butterfly-clock-anzhiyu --save
  2. 添加配置信息,以下为写法示例 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加

    # electric_clock
    # see https://anzhiy.cn/posts/fc18.html
    electric_clock:
      enable: true # 开关
      priority: 5 #过滤器优先权
      enable_page: all # 应用页面
      exclude:
        # - /posts/
        # - /about/
      layout: # 挂载容器类型
        type: class
        name: sticky_layout
        index: 0
      loading: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/loading.gif #加载动画自定义
      clock_css: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.min.css
      clock_js: https://cdn.cbd.int/hexo-butterfly-clock-anzhiyu/lib/clock.js
      default_province: 福建省 # 获取访问者位置失败时使用的省
      default_city: 福州市 # 获取访问者位置失败时使用的市
      default_county: 闽侯县 # 获取访问者位置失败时使用的县
  3. 参数释义

说明:纯静态站点默认可用,天气数据来自https://uapis.cn/api/v1/misc/weather,定位数据来自https://uapis.cn/api/v1/network/myip。定位失败时使用默认省市县;天气接口不可用时将不显示天气数据。

天气接口参数(uapis):

  • city: 标准城市名称(如“北京”“上海市”“福田区”),默认使用省/市/区县回退链。
  • adcode: 6位数字城市编码(更准确)。
  • extended: 是否返回扩展气象字段。
  • indices: 是否返回生活指数。
  • forecast: 是否返回预报数据。

| 参数 | 备选值/类型 | 释义 | | :--------------- | :----------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------- | | priority | number | 【可选】过滤器优先级,数值越小,执行越早,默认为10,选填 | | enable | true/false | 【必选】控制开关 | | enable_page | path | 【可选】填写想要应用的页面,如根目录就填'/',分类页面就填'/categories/'。若要应用于所有页面,就填all,默认为all | | exclude | path | 【可选】填写想要屏蔽的页面,可以多个。写法见示例。原理是将屏蔽项的内容逐个放到当前路径去匹配,若当前路径包含任一屏蔽项,则不会挂载。 | | layout.type | id/class | 【可选】挂载容器类型,填写id或class,不填则默认为id | | layout.name | text | 【必选】挂载容器名称 | | layout.index | 0和正整数 | 【可选】前提是layout.type为class,因为同一页面可能有多个class,此项用来确认究竟排在第几个顺位 | | loading | URL | 【可选】电子钟加载动画的图片 | | clock_css | URL | 【可选】电子钟样式CDN资源 | | clock_js | URL | 【可选】电子钟执行脚本CDN资源 | | default_province | 【可选】获取访问者位置失败时使用的省 | | default_city | 【可选】获取访问者位置失败时使用的市 | | default_county | 【可选】获取访问者位置失败时使用的县 |

截图