官网： 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
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

徽章系列8：生成个性徽章相关推荐

  1. 徽章系列3： Travis CI 的使用

    官网: http://travis-ci.org/ ps: 这个是公开的,如果需要使用私有的,请使用 .com 域名. 需要提醒的是:每次提交代码后都会重新下载需要的资源文件哦,所以时间很长,耐心等待 ...

  2. 徽章系列2：JitPack 的使用

    官网: https://jitpack.io 创建 Android Library 在 AS 中创建标准的 android 项目: 创建 Library: 创建 badge library 成功. 配 ...

  3. 简单易用的AI桌面工具系列 - 图像生成

    简单易用的AI桌面工具系列 图像生成 文生图:输入提示词,生成图片(仅支持英文) 图生图:根据图片及提示词生成图片 图像无损放大:比如将 512*512 放大到 1024 * 1024 分辨率 512 ...

  4. 易宝典文章——用ISA 2006标准版发布Exchange 2010的OWA系列之生成Exchange证书申请文件...

    现在我们可以进入发布OWA流程了.首先需要为Exchange Server生成一张新的受信任证书,与Exchange 2007不同的是,Exchange 2010的证书申请文件是在EMC中完成的,而不 ...

  5. 盘一盘 QuantLib 系列 2 - 生成日期表

    本篇是该系列的第二篇: 盘一盘 QuantLib 系列 1 - 日期和日历 上篇已经举例如何在日期 (old_date) 上加减一个期限得到一个新日期 (new_date),该日期没有经过调整可能是一 ...

  6. 脑电分析系列[MNE-Python-18]| 生成模拟原始脑电数据

    在实验中有时需要原始脑电数据来进行模拟实验,但又限于实验条件的不足,需要构造模拟的原始脑电数据. 本示例通过多次重复所需的源激活来生成原始数据. 案例介绍 # 导入工具包 import numpy a ...

  7. 【laravel5.4】laravel5.4系列之生成_ide_helper.php文件

    在laravle中使用代码自动补全,比较方便开发,于是这边找到了相关的办法 在laravel配置完好的情况下,同时安装好了composer.  进入代码的根目录执行 composer require ...

  8. 微软Connect教程系列--自动生成增删改查页面工具介绍（二）

    本章课程描述了vs2015的三个特点,其中主要将描述在vs2015下面,使用命令自动生成增删改查界面,具体如下: 1.web.config文件不在存在,用config.json替代,以适应支撑vs的插 ...

  9. [Axis2与Eclipse整合开发Web Service系列之一] 生成Web Service Client(将WSDl 转化成 Java代码)

    需求描述 有一个WSDL地址, 需要把它转化成Java代码调用. IDE环境要求 这里使用Eclipse自动生成.这里的eclipse需要安装有Web开发插件. 步骤 1. 首先新建一个 " ...

最新文章

  1. 致物理学家的一个实验
  2. Python爬取网站用户手机号_设计师的福利，python爬取素材网站
  3. linux vim python配置文件,Linux VIM8 Python 编辑器配置文件
  4. scp错误 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
  5. designpatterns -- strategy
  6. 单点登录 之 OAuth
  7. Mac上使用中文Beamer添加各种格式的图片
  8. SQL Server删除语句
  9. winform 只允许显示一个子窗体
  10. 【zepto学习笔记02】零碎点
  11. matlab无法打开.m文件查看
  12. Python3 从零单排17_类的继承
  13. WIN10英文版改中文
  14. smartDNS让你的网络一触即达
  15. mac mysql客户端工具 知乎_Mac OS X 平台上有哪些好用且免费的MySQL客户端工具？
  16. C#窗体标准计算器（上） 初级新手请多担待。
  17. SLA是什么意思 ？
  18. 树莓派4B连接PCF8591模块
  19. HTML5七夕情人节表白网页制作 (蓝色主题-樱花雨3D相册)HTML+CSS+JavaScript
  20. vue 项目总结一组件开发的配置和例子

热门文章

  1. 对于win10无法运行红警2问题 必有效
  2. Matlab：运算符优先级
  3. Q妹带你赚外快：1—199元JavaScript悬赏红包邀您领取
  4. c语言void delay是什么意思,51单片机程序解答，void delay （u6i）是什么意思？
  5. 2021IPA点爱计划·新疆公益行 圆满结束
  6. Networking网络
  7. [特别公告]RDIFramework.NET微信公众号迁移通知
  8. c++11 shared_ptr 与 make_shared源码剖析
  9. “白帽寻宝记”启程！解题抽奖拿奖品 邀你一起 共度端午！
  10. 智能网联模拟智慧交通综合实践开源平台