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 🙏

© 2025 – Pkg Stats / Ryan Hefner

weicomment

v1.1.3

Published

基于新浪微博的静态博客评论系统

Downloads

30

Readme

WeiComment

基于新浪微博的静态博客评论系统

使用

在需要评论的地方(例如 Hexo 模板中)添加 HTML

<div id="weicomment">
    <div class="loader"></div>
</div>
<style>

#weicomment .loader,#weicomment .loader:after,#weicomment .loader:before{background:#000;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}#weicomment .loader{color:#000;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}#weicomment .loader:after,#weicomment .loader:before{position:absolute;top:0;content:''}#weicomment .loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}#weicomment .loader:after{left:1.5em}@-webkit-keyframes load1{0%,100%,80%{box-shadow:0 0;height:3em}40%{box-shadow:0 -2em;height:3em}}@keyframes load1{0%,100%,80%{box-shadow:0 0;height:3em}40%{box-shadow:0 -2em;height:3em}}
</style>

<script>
var t = document.createElement('script');
t.src = '//cdn.jsdelivr.net/npm/weicomment@latest/dist/js/weicomment.js?t=' + Math.floor(Date.now() / 1000 / 60);

t.id = 'weicomment-script';
t.setAttribute('data-uid', '你的微博 uid'); // 不知道 uid 的可以在 https://m.weibo.cn/ 搜索自己的 profile 页面,URL 中的 id 就是 uid
t.setAttribute('data-title', document.title.slice(2).split(' - ')[0]); // 获取当前文章的标题,根据自己的情况修改,WeiComment 根据标题寻找对应的微博,结果中不能包含空格等
document.head.appendChild(t);
</script>

初始化一篇文章的评论

点击页面上的『分享微博初始化评论』,发布到微博后刷新页面即可初始化评论。注意不要修改分享的内容,WeiComment 根据标题匹配对应的微博评论。

评论管理

点进对应的微博进行管理即可