# Shields.io 一些有趣的实时图标

**URL:** <https://meta.appinn.net/t/topic/23185>\
**Category:** 青蛙的应用\
**Created:** [2021 年4 月 26 日 02:14 UTC](https://meta.appinn.net/t/topic/23185 "2021-04-26T02:14:50Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
**Post date:** [2021 年4 月 26 日 02:14 UTC](https://meta.appinn.net/t/topic/23185/1 "2021-04-26T02:14:50Z")

</div>

这种东西怎么命名，我不太确定：

![Discourse status](https://meta.appinn.net/uploads/default/original/3X/8/9/89894fc14a950f6c444ec5bbcd8f0d4d451a1fd6.svg) ![Discourse users](https://meta.appinn.net/uploads/default/original/3X/2/2/22adb7ba5600a7678f1a54078af27172e3c564cc.svg)

![Discourse topics](https://meta.appinn.net/uploads/default/original/3X/8/7/87fb573a7621d1b8213ebbc301ea63ffc47f85a3.svg) ![Discourse posts](https://meta.appinn.net/uploads/default/original/3X/f/e/fe8f5316a29d4cc7529fc5fd2366827b1adb60e0.svg) ![Discourse likes](https://meta.appinn.net/uploads/default/original/3X/d/5/d506b0827cbd052c20a129c25b2587adcf24b06b.svg)

> **[Shields.io | Shields.io](https://shields.io/)**
>
> Concise, consistent, and legible badges

当然还有好多服务，比如 GitHub、授权协议 等等

我记得好像各种版本号用得最多，也可以自定义：

![](https://meta.appinn.net/uploads/default/original/3X/8/8/8830df5ffb7ebd9500a6df21c798c6b8b6e3e3d2.svg) ![GitHub](https://meta.appinn.net/uploads/default/original/3X/7/9/796c3a579054488ed5e4759b9ac5e93477be98bb.svg)

---

<div class="post-metadata">

**Author:** ![wdssmq](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/wdssmq/32/9783_2.png) [@wdssmq](https://meta.appinn.net/u/wdssmq)\
**Post date:** [2021 年4 月 26 日 03:39 UTC](https://meta.appinn.net/t/topic/23185/2 "2021-04-26T03:39:54Z")

</div>

直译是 盾牌，然后这里可以叫做「徽章」。。

![SEO是啥联盟](https://meta.appinn.net/uploads/default/original/3X/3/2/32a25a5ee0a6bb0b7e5242c7f01b9a1b55709516.svg "SEO是啥联盟") [![Feed-FeedsPub](https://meta.appinn.net/uploads/default/original/3X/b/1/b1dd5f1973838918413fc004616425de917086af.svg "Feed-FeedsPub")](https://feeds.pub/feed/https%3A%2F%2Fwww.wdssmq.com%2Ffeed.php "Feed-FeedsPub") [![Feed-Inoreader](https://meta.appinn.net/uploads/default/original/3X/5/2/52ce776cee42233d4409629dfa94a542f226fdd3.svg "Feed-Inoreader")](https://www.innoreader.com/feed/https%3A%2F%2Fwww.wdssmq.com%2Ffeed.php "Feed-Inoreader") [![Feed-feed.wdssmq.com](https://meta.appinn.net/uploads/default/original/3X/6/e/6ee74a517059c73dd31c5d9d2832b45f1f73bc5c.svg "Feed-feed.wdssmq.com")](https://feed.wdssmq.com "Feed-feed.wdssmq.com") [![爱发电-@wdssmq](https://meta.appinn.net/uploads/default/original/3X/3/9/399aa2a452287db59b306e4397cfb4410f05c9b3.svg "爱发电-@wdssmq")](https://afdian.com/@wdssmq "爱发电-@wdssmq") [![mastodon-wdssmq](https://meta.appinn.net/uploads/default/original/3X/0/1/012bc73611cf5bcc6de246605908d58b11049544.svg "mastodon-wdssmq")](https://wxw.moe/@wdssmq "mastodon-wdssmq") [![QQ-349467624](https://meta.appinn.net/uploads/default/original/3X/2/1/21878980c018cfa0dfff6210aa4dbe509e51f9f2.svg "QQ-349467624")](https://wpa.qq.com/msgrd?v=3&uin=349467624&site=qq&menu=yes "QQ-349467624")

-------------------------------------

---

<div class="post-metadata">

**Author:** ![zane-ng](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/zane-ng/32/9921_2.png) [@zane-ng](https://meta.appinn.net/u/zane-ng)\
**Post date:** [2021 年4 月 26 日 04:55 UTC](https://meta.appinn.net/t/topic/23185/3 "2021-04-26T04:55:05Z")

</div>

这个网站自己就用 badge 这个名字，所以就是 徽/章 了。

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:40 UTC](https://meta.appinn.net/t/topic/23185/4 "2021-04-26T05:40:51Z")

</div>

看看这个

![](https://meta.appinn.net/uploads/default/original/3X/2/4/2425182c051a18c69f4cabe8ce21d1749d4bc8dd.svg)

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:41 UTC](https://meta.appinn.net/t/topic/23185/5 "2021-04-26T05:41:08Z")

</div>

刷新一下，再看看

---

<div class="post-metadata">

**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
**Post date:** [2021 年4 月 26 日 05:41 UTC](https://meta.appinn.net/t/topic/23185/6 "2021-04-26T05:41:36Z")

</div>

居然还有在线人数

---

<div class="post-metadata">

**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
**Post date:** [2021 年4 月 26 日 05:42 UTC](https://meta.appinn.net/t/topic/23185/7 "2021-04-26T05:42:17Z")

</div>

等下，这个不是官方数据啊，怎么统计的

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:42 UTC](https://meta.appinn.net/t/topic/23185/8 "2021-04-26T05:42:18Z")

</div>

这个也是一个动态徽章，我的一个开源项目

> **[GitHub - jwenjian/visitor-badge: \[Service is DOWN now\] A badge generator service to...](https://github.com/jwenjian/visitor-badge)**
>
> \[Service is DOWN now\] A badge generator service to count visitors of your markdown file.

用来统计页面的访问次数的

---

<div class="post-metadata">

**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
**Post date:** [2021 年4 月 26 日 05:43 UTC](https://meta.appinn.net/t/topic/23185/9 "2021-04-26T05:43:03Z")

</div>

居然是页面访问次数，这个创意好啊。

是加载一次就统计一次？有过滤吗？比如 bot 啊、刷新啊之类的

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:44 UTC](https://meta.appinn.net/t/topic/23185/10 "2021-04-26T05:44:01Z")

</div>

你贴的那些是静态的图片，我这个是动态生成的，每次访问页面，访问数量➕1⃣，然后后台动态生成一个新的

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:44 UTC](https://meta.appinn.net/t/topic/23185/11 "2021-04-26T05:44:30Z")

</div>

这些功能都还没有，只是一个简单的统计

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 05:45 UTC](https://meta.appinn.net/t/topic/23185/12 "2021-04-26T05:45:17Z")

</div>

起初是用来放在github 仓库的 readme 中的。

---

<div class="post-metadata">

**Author:** ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
**Post date:** [2021 年4 月 26 日 05:45 UTC](https://meta.appinn.net/t/topic/23185/13 "2021-04-26T05:45:57Z")

</div>

我现在有个需求，就是 page 的统计数字，和 page 里面的 image 访问次数不成比例… image 高很多很多。

---

<div class="post-metadata">

**Author:** ![jwenjian](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/jwenjian/32/41561_2.png) [@jwenjian](https://meta.appinn.net/u/jwenjian)\
**Post date:** [2021 年4 月 26 日 08:22 UTC](https://meta.appinn.net/t/topic/23185/14 "2021-04-26T08:22:11Z")

</div>

看下请求来源呢？ referrer 之类的
