参考:https://zhuanlan.zhihu.com/p/28400856

看看别人这个md 展示文件:

10. 设计头部md 展示文件 - 图1

我可不可以也拥有呢?

logo

首先是插入自己的六边形logo:

  1. pengToolkit<img src="https://cdn.jsdelivr.net/gh/mugpeng/3-source/2.img/peng_new_logo.png" align="right" width="150" />

直接可以在标题文本的右边加上图片信息,src 则是图片所在的地址或链接。

徽章

  • cran 下载量

如果是上传到cran 上的包,可以通过接口获得其下载量:https://cranlogs.r-pkg.org/

10. 设计头部md 展示文件 - 图2

反正我也是0,就不搞了。

  • 邀请大家fork 拟定,第一个分享者
  1. [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)[![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-blue.svg?style=flat-square)](https://www.firsttimersonly.com/)

10. 设计头部md 展示文件 - 图3

  • 自定义徽章内容
  1. ![图片的语法](https://img.shields.io/badge/xx-xx-brightgreen.svg)

比如:

10. 设计头部md 展示文件 - 图4

专门生成徽章的软件

https://shields.io/

10. 设计头部md 展示文件 - 图5

比如social 页面:

https://shields.io/category/social

我比较感兴趣有多少人star 了我的项目:

10. 设计头部md 展示文件 - 图6

直接输入自己的用户名和项目即可:

10. 设计头部md 展示文件 - 图7

还可以个性化的设置颜色和logo 名称。

完毕后,像先前自定义的复制一样,直接把copy badge url链接给md 语法中的网址:

  1. ![github_stars](https://img.shields.io/github/stars/mugpeng/pengToolkit?style=flat-square)

这样,这个小标记就会按照我的star 数目进行显示了。

其他还有超级多的budget 选项供选择!

展示

大功告成!

10. 设计头部md 展示文件 - 图8

全部内容:

  1. # pengToolkit<img src="https://cdn.jsdelivr.net/gh/mugpeng/3-source/2.img/peng_new_logo.png" align="right" width="150" />
  2. [![pengToolkit](https://img.shields.io/badge/pengToolkit-Peng-blue.svg)](https://github.com/mugpeng/pengToolkit) [![version](https://img.shields.io/badge/version-v0.0.9-orange.svg)](https://github.com/mugpeng/pengToolkit) [![first-timers-only](https://img.shields.io/badge/first--timers--only-friendly-blue.svg?style=flat-square)](https://www.firsttimersonly.com/) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) ![github_stars](https://img.shields.io/github/stars/mugpeng/pengToolkit?color=yellow&logo=github&style=flat-square)