前言

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

【GitHub】如何在自己的项目中添加_github

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

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

过程

位置

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

样式

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

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

【GitHub】如何在自己的项目中添加_github

【GitHub】如何在自己的项目中添加_ForkMe_03

【GitHub】如何在自己的项目中添加_d3_04

【GitHub】如何在自己的项目中添加_参考资料_05

【GitHub】如何在自己的项目中添加_d3_06

【GitHub】如何在自己的项目中添加_参考资料_07

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

Code

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

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s4.51cto.com/images/blog/202201/04085444_61d39ad4870c98375.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_30,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>

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

参考资料