徽章系列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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小引子 在平时的开发过程中,我们经常会查阅很多的资料,最常参考的是 github 的开源项目。通常在项目的主页面能...
    孤独狂饮阅读 8,103评论 4 184
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,885评论 25 709
  • 这份感情里,固执地以自己的方式爱着,却也伤害着,委屈着,颠沛流离! 与君初相识,犹如故人归!你好似桀骜不驯,又真真...
    木榴莲阅读 552评论 4 1
  • 【日精进打卡第33天】 【知-学习】 1.《增广贤文全集》诵读0分钟。 2.《六项精进》大纲诵读0遍。 【经典名句...
    玉_莲子阅读 78评论 0 0
  • 我对着镜子仔细端详着我的舌头,红色泛白的舌苔面,密布了大大小小的裂痕,这是一个丑舌头。在我出生的时候,家里人...
    丑舌头阅读 402评论 0 0