【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

前言

在很多项目中,你都可以看到下面的链接
【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

点击直接跳转到对于的github页面了
下面来介绍怎么在自己的项目中添加这个标识

过程

位置

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

样式

官方给出的样式有左边和右边两个位置,还有六种颜色样式,综合下来就是十二种选择。
官方还提供了PSD源文件,你可以改成自己喜欢的样式。
【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

【GitHub】如何在自己的项目中添加"Fork me on GitHub"标识

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

Code

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

<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/82b228a3648bf44fc1163ef44c62fcc60081495e/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_red_aa0000.png"></a>

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

参考资料

上一篇:【转】 前端笔记之JavaScript(十)深入JavaScript节点&DOM&事件


下一篇:配置数据源和配置jpa的yml文件