git-markdown-徽章图标生成

2,341次阅读
没有评论

共计 1454 个字符,预计需要花费 4 分钟才能阅读完成。

在查看别人的项目文档时候,通常能看到好多开头的一排徽章,看起来就感觉高大上,如下图:

git-markdown- 徽章图标生成

而且图标内的很多内容都是动态更新的,具体如何实现的呢?

通过对 markdown 的解析查看,发现都是引用了一个第三方的图标生成功能,具体网址如下:

Shields.io: Quality metadata badges for open source projects

打开之后,页面比较简单,可以直接通过页面顶部的输入框输入 github 仓库地址,系统会自动根据仓库信息生成基本的一些常用徽标,直接复制代码即可:

<a href="https://github.com/dongyao8/dycms/blob/master/LICENSE"><img alt="GitHub license" src="https://img.shields.io/github/license/dongyao8/dycms"></a>

该图标支持多种格式,也有 markdown 格式的,另外也可以自定义其他样式

https://img.shields.io/badge/{徽标标题}-{徽标内容}-{徽标颜色}.svg

另外还有其他多种样式参数:style, logo 等等,随处可用。

以下就是 DYCMS 的一个简单案例:

DYcms – 内容导航平台

无插件,无广告,回归最纯净的导航体验

git-markdown- 徽章图标生成
git-markdown- 徽章图标生成
git-markdown- 徽章图标生成
git-markdown- 徽章图标生成

git-markdown- 徽章图标生成
git-markdown- 徽章图标生成

评论(没有评论)
关于我们

关注互联网及软件IT技术的分享圈,交流QQ群:②群:778957856  ①群:648120877【已满员】

版权说明

本站发布内容除特殊说明外,均属于原创信息,如需转载,请注明出处!若侵犯了你的隐私或版权,请及时联系我们删除有关信息。

Copyright ©DYCMS - 陕ICP备14001915号
 Theme by Puock

clark

最新文章
macos Shadowrocket与本地DNS冲突

macos Shadowrocket与本地DNS冲突

开着 Shadowrocket,本地 dns 全部失效,都走了代理,无法访问,关闭 Shadowrocket ...
openwrt Tailscale外网不通,以及部分必要设置

openwrt Tailscale外网不通,以及部分必要设置

搭建好 openwrt 之后,为了能够外网远程访问,搭配 Tailscale 可完美实现,由于首次配置,会遇到...
告别复杂配置:用Tailscale Peer Relay打造更快、更简单的内网网络

告别复杂配置:用Tailscale Peer Relay打造更快、更简单的内网网络

如果你在国内直接使用过 Tailscale,大概率会对它的连接速度有所体会。想要获得稳定可用的体验,自建 DE...

赞助广告