GitHub 如何在项目中添加 Fork me on GitHub 图片标识

前言

在很多项目中,你都可以看到下面的链接 

这里写图片描述

点击直接跳转到对于的github页面了 

下面来介绍怎么在自己的项目中添加这个标识

过程

位置

为了每个页面都显示,一般我们把它放在项目的公共模板的视图文件中,保证代码只要修改一处,主要的页面都有展示

样式

官方给出的样式有左边和右边两个位置,还有六种颜色样式,综合下来就是十二种选择。 

官方还提供了PSD源文件,你可以改成自己喜欢的样式。 

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

这里写图片描述

还有就是靠右的了,样式不变就不贴了。

Code

对于的代码很简单,下面的是靠左红色的,其他的也只是图片的地址不一样。

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="http://www.ibloger.net/zb_users/upload/2018/04/20180425101028_12735.png" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>

只要把地址改成你的GitHub项目地址就OK啦~

参考资料


未经允许请勿转载:程序喵 » GitHub 如何在项目中添加 Fork me on GitHub 图片标识

点  赞 (1) 打  赏
分享到: