徽章系列8：生成个性徽章

官网： https://shields.io/

有什么用？

彰显个人魅力，体现某种功能。例如咱们做一个跳转到我的博客的 个人徽章。

怎么玩？

滚动网页到最下面：

在对应的地方填写相应的东西（也支持中文哦）， 完成后点击后面的 Make Badge 按钮试试看。

我想我的个人图标是这种浅蓝色：

，那么我就在 color 中直接写：7AD6FD

点击生成 一个地址， 先保存下面。

这个原理是什么呢？ （回答最开始的问题）

徽章的格式即是 markdown 的格式:

[![](B)\](D)

A 表示的页面中需要显示的内容， B 表示的是图片的地址，D 表示的是点击后需要跳转的链接的地址。

合成我的个人专属图标吧

图片地址是上面存下来的。 前面显示内容：作者。按照上面的规范出来的结果就是：

[![](https:\//img.shields.io\/badge\/%E4%BD%9C%E8%80%85-gdky005-7AD6FD.svg)\](http:\//www.gdky005.com)

把这段代码 粘贴到 我们的 md 文档中，个性专属徽章就出来了，而且点击后能到我们想去的地方。

很酷吧，其实还可以做很多这样的事情。

相关链接：

完整版：
打造一个高逼格的android开源项目——小白全攻略

精简集合版：
徽章系列1： Top 30 android 开源项目徽章
徽章系列2：JitPack 的使用
徽章系列3： Travis CI 的使用
徽章系列4： Circle CI 的使用
徽章系列5： Codecov 的使用
徽章系列6： Api_Level 的使用
徽章系列7： codacy 的使用
徽章系列8：生成个性徽章

总分类：
徽章（shields ）系列文章总分类

github 地址：
徽章项目 Demo github 地址：
https://github.com/gdky005/AndroidBadge

作者：孤独狂饮
链接：http://www.jianshu.com/p/7e176d1fb583
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。