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

@fewu-swg/fewu-theme-next

v1.2.20

Published

The NEXT theme, default theme for Fewu. Inspired by Fuwari

Readme

NEXT

这是 Fewu 3 的默认主题。受 Fuwari 主题 启发。

English

安装

通过 fewu-cli

推荐此方式

安装 fewu-cli:

pnpm add fewu-cli

初始化工作区:

pnpm fewu init

下载主题和依赖:

pnpm i

通过 NPM

pnpm add @fewu-swg/fewu-theme-next

通过 Git

git clone https://github.com/fewu-swg/fewu-theme-next themes/next

处理依赖:

pnpm add @fewu-swg/fewu-deployer-sass @fewu-swg/fewu-renderer-pug @fortawesome/free-brands-svg-icons @material-symbols/svg-600

或将此 package.json 复制到工作区下,然后执行 pnpm i

{
  "dependencies": {
    "@fewu-swg/fewu-deployer-sass": "^1.0.5",
    "@fewu-swg/fewu-renderer-pug": "^1.2.0",
    "@fortawesome/free-brands-svg-icons": "^6.7.2",
    "@material-symbols/svg-600": "^0.31.9"
  }
}

功能

  • 支持多语言(目前有zh-CN,fr,en(默认)的语言文件)
  • 支持亮暗主题(自动切换)
  • 支持页内导航(类Pjax)
  • 响应式布局
  • 评论系统(支持giscus)
  • 文章目录
  • Open Graph 协议

依赖项

  • (npm) @fewu-swg/fewu-deployer-sass
  • (npm) @fewu-swg/fewu-renderer-pug
  • (npm) @fortawesome/free-brands-svg-icons
  • (npm) @material-symbols/svg-600

文章特性

以下所有属性都应写在 front-matter 中,并仅对当前文章生效。

hidden: Boolean: 文章是否隐藏(无法阻止文章显示在分类/标签下)。

disable_comment: Boolean: 是否禁用评论插件(Giscus)。

disable_adjacent: Boolean: 是否关闭临近文章导航(NextPage)。

配置

自定义导航栏

添加 theme_next.additional_navs (Record<string,string>) 到你的配置文件中, 键(导航名)必须是字符串, 值为URL或对象。若为URL,值将被直接填入href,若为对象则参下。

默认情况下, 若语言文件中包含键, 则键会被翻译. 以 ^ 开头的键将不会被翻译, ^ 将在生成时被移除.

theme_next:
  additional_navs:
    ^About: /posts/about.md # 不会翻译
    About: /posts/about.md # 会翻译
    GitHub:
      isExternal: true # 控制是否使用页内导航
      title: GitHub # 标题,不会翻译
      url: https://github.com/ # URL

强调色

添加 theme_next.accent_color (Number) 以定义默认强调色。

theme_next:
  accent_color: 250 # 默认蓝色

头图

添加 theme_next.banner ({url: string; credit: string; credit_url: string}) 来自定义头图

如果 theme_next.banner.url 不存在,那么将不会展示头图。

如果 theme_next.banner.credit 存在,将会展示版权标识,如果 theme_next.banner.credit_url 也存在,那么标识将会指向此 URL。

theme_next:
  banner:
    url: /banner.webp # URL
    credit:
    credit_url: