博主状态指示器，可以作为博客存活确认、博主签名展示、或者博主状态显示来使用

并不是网站服务器状态显示 可以在「关于我」查看效果

准备一下

这我老早就想做了，一直咕到现在😂。 该文章中需要的物件：

• 小牌牌渲染服务网站：Shields
• 一个 endpoint，或者一个 api ，甚至是一个 json 文件，都可以

简单说一下怎么用

在 Github 上我们总可以看到一种小牌牌放在 Readme 里，基本上都是由 Shields.io 渲染的（如图）， Shields.io 提供包括 Build Code Coverage Analysis Chat Dependencies Size 等等类型的展示。都是动态更新的，当然也可以弄一块静态的牌牌，不过既然都是静态了，直接放一个 svg 图片岂不是更好？，我使用的是 Dynamic 这种，endpoint 我不是开发者，没必要专门再弄一个 api 出来。

开始缝合

第一步，找一个 api 地址，我是 v 站用户，所以直接使用 v 站的 api，详情请看 V2EXAPI接口。 第二步，研究下 v站api，显示我的签名部分（即用户的自我介绍）只需要 https://www.v2ex.com/api/members/show.json?username=用户名 或者 https://www.v2ex.com/api/members/show.json?id=用户id ，然后只展示其中的 tagline 部分（bio 部分也行）其实前者就是用户设置的「签名」，后者是「个人简介」。v 站用户 api 的 json 部分数据例子：

{
	"username": "你的用户名",
	"website": "",
	"bio": "想学习",
	"url": "https://www.v2ex.com/u/你的用户名",
	"tagline": "",
	"status": "found",
……
	"id": 你的id
}

第三步，打开 Shields.io ，翻到 Dynamic（如图二） 。从左至右依次是：数据类型 | 牌牌标签 | API地址 | 标签颜色 | 内容前缀 | 内容后缀。 这样说不太直观，参照第二步我已知的数据：

1. data type，因为是 json 文件，所以选 json
2. label， 我想展示的是状态，那么填「状态」
3. data url，填入 https://www.v2ex.com/api/members/show.json?username=我的用户名
4. query，展示其中的 bio 字段 ，则填 $.bio。
5. color，填十六进制的颜色代码，我选择浅蓝色 9cf，若是在别的地方查询到的代码带有 # 号，请去掉。
6. prefix/suffix，是前缀，为了举例子，我分别填「现在是」和「的心情」。
7. 点击 Make Badge ，成果如下图，注意这里的下图是静态标签，不过照着这个步骤来也是这样的显示效果，在此文中做成静态只是方便我展示。
8. 有各种标签样式，用法与外观详见 Shields.io 的官网 Styles 一栏，可高度自定义。这里有现成的中文版用法，注意除第一个字段用问号连接外，其余字段都需用 & 连接。

结束

其实还有我提到过的玩法，比如有时你长时间不想写文章但是又想证明你还活着，你可以生成一个「博客主在 几年几月几日 曾经来过」的标签。也可以动态更新签名、心情之类。有一个动态小牌子项目，支持哔哩哔哩、酷安、知乎、微博等平台数据展示，这是 Github 项目地址，配色？我用的这个。