浏览器效果
打开在线链接,并检查当前网页,豁然开朗,徽章是一种 svg 实现的矢量图标.
svg VS png
如果说 svg 是矢量图形而 png 却不是,所以不妨将 png 姑且称之为标量图形....既然两种均能表现相同的效果,现在我们就来演示一下 png 的实现效果.
svg 转 png 在线网站: https://cloudconvert.com/svg-to-svg
左侧的 svg 无论放大多少倍.../gitbook-plugin-mygitalk.svg
静态数据示例中 github-snowdreams1006-brightgreen.svg 数据不会更改,自然生成的徽章也不会变.动态数据示例中...填写(Label)标签-(Message)信息-(Color)颜色等信息后,点击(Make Badge)生成徽章.
点击生成徽章后默认会在当前标签页面打开该链接,手动复制链接并调整成目标格式即可.
!...)
排版布局
默认 markdown 实现的图片是依次排开的,无法自定义样式,而 markdown 语法同时也兼容 html 语法,因此我们可以用 html 语法实现居中对齐.