为什么要在网站上使用免费可嵌入的npm downloads badge？
The free npm downloads badge that doesn't refetch an SVG every page load. Shields.io's npm badge is fetched 3rd-party. npm-stat.com is a separate site visitors have to leave for. This npm downloads badge is a 4 KB script tag — pulls the live download count from api.npmjs.org, caches it server-side for 6 hours, and shows 'npm 3.2M downloads / week' as a crisp pill in 7 themes. Free, no API key, no signup, supports scoped packages (@scope/pkg).
适用于 WordPress、Shopify、Wix、Webflow 和纯 HTML 的Npm downloads badge
FeedPulse 的npm downloads badge只是一个异步 <script> 标签 — 粘贴到任意 HTML 区域即可完成。WordPress 小工具／HTML 区块、Shopify 主题自定义器的自定义 HTML、Wix 的 HTML 元素、Webflow 的 Embed 组件、Squarespace 的代码区块、Ghost 的 HTML 卡片、Blogger 的 HTML/JavaScript 小工具 — 任何允许粘贴 HTML 的平台都支持。无需插件、无需应用商店、无需管理员权限。
如何在 60 秒内把npm downloads badge添加到你的网站
- 打开 Free npm downloads badge 自定义器。
- 选择颜色、尺寸和需要的选项。
- 点击生成代码片段上的“复制”。
- 把这一行粘贴到任何你会放 HTML 的位置 — 任意页面、任意平台。
- 完成。无需注册、无需账号、无需邮箱。
FeedPulse 的npm downloads badge为何永久 100% 免费
我们提供的每个小工具都永久免费。API 成本由我们承担，因为我们的增长模式就是小工具的传播：每个小工具上那行小小的“via FeedPulse”署名会带来新的站长。你安装小工具 → 我们获得曝光。整个商业模式就是如此。没有付费墙、没有高级套餐、没有广告、不收集邮箱、没有注册门槛。
npm downloads widget — live count on any landing page
An npm downloads widget is the live, script-tag version of an npm badge. The trade-off: an SVG badge works inside markdown (READMEs, GitHub release notes, npm package descriptions); an npm downloads widget works only on web pages but renders richer presentation — last-day, last-week, and last-month counts in one pill, plus 7 themes. For your package's landing page, docs site, or open-source portfolio, the npm downloads widget is the better fit. Caches every count server-side for 6 hours, so spikes from a Hacker News hit don't burn your traffic budget.
How to embed npm stats on a website or README
To embed npm stats on a website (Webflow, Notion-published site, WordPress, Shopify, plain HTML), paste the FeedPulse script tag once and you're done — no build step, no API key, no plugin install. For a README inside GitHub or npmjs.com itself, you have to use a static SVG (markdown strips inline scripts), so use the equivalent Shields.io image URL there. The widget supports scoped packages (@scope/pkg), private packages with public download counts, and packages with hyphens or dots in their name — anything api.npmjs.org returns for is renderable.