起
如今,随着Git的大热以及Github的优越性,许多知名开源项目都将源代码托管到Github上了。在Github上不仅可以托管自己的开源项目,还可以Fork人家的源代码,给自己感兴趣的项目评价(star)。即便不Fork,你还可以关注(watch)该项目,甚至上升到个人“崇拜”(follow)。当然,本篇并不来讲怎么使用Git和Github,关于这方面的教程网络上已经足够多了。Github官方给出的帮助也非常有用。这篇博客就说说怎么给自己的博客加上“Fork me on Github”彩带。
许多开源项目的首页上,往往会有“Fork me on Github”这样一条彩带位于左上角或右上角。如下:
![](https://www.#.com/imgs/1/0/8/7/87/04ee1fa8a83e6622ed6885ab106bd8ca.jpe)
又如:
![](https://www.#.com/imgs/3/8/8/1/11/4b77e666c5895c4995ba1f867b28fc98.jpe)
再如:
![](https://www.#.com/imgs/9/3/9/4/3/7199ca8e7c0f2d19ff99df07972462a2.jpe)
显然,在项目首页或博客主页搭配这样一条Ribbon,一方面可以提高用户体验,便于用户随时查看项目源码;另一方面,还能提高一下自己的“逼格”。何乐而不为呢?既然如此,那就接着看看如何在博客园中的页面加上这样一条Ribbon。
承
彩带(Ribbon)是Github官方提供的一种服务,因此要去Github官方页面看看,到底有哪些Ribbon可以用,又该怎么用?打开Github的官方博客,可以看到主要有两种形式的Ribbon,一种位于页面左上角,一种位于页面右上角,如下:
![](https://www.#.com/imgs/2/7/8/0/47/a2257a88023a28d6eeb22c217087ec96.jpe)
![](https://www.#.com/imgs/7/2/2/4/92/d09cea5b21cfbdd731eb2d189f23a177.jpe)
![](https://www.#.com/imgs/0/9/1/5/57/4ddb9f7015b67a3a5cbabadb5aa9adf1.jpe)
![](https://www.#.com/imgs/8/8/8/8/98/ff5996b3c2dfaaa3cc593a161b65a1ea.jpe)
![](https://www.#.com/imgs/2/6/9/5/82/f0670bd2ec21cd73103c1b748a4f25fe.jpe)
![](https://www.#.com/imgs/6/2/8/6/7/449378723eec5fe8af2a61bd43cd0552.jpe)
两种形式,仁者见仁,智者见智,随个人喜好了。怎么用?看到对应彩带右边会有一个链接框,将其中内容复制下来,比如我要黑色的位于右上角的:
![](https://www.#.com/imgs/3/4/0/1/47/41cbcbb705da57a0ade3eafe66bb7c8e.jpe)
打开博客园的后台,选择“设置”,拉到最下面的“页首Html代码”,将复制的内容粘贴进去(注意,要将上图链接中的you换成自己的在Github上的账号):
![](https://www.#.com/imgs/4/0/1/3/75/b91d67058bdbd0ee9cb7857484847554.jpe)
点击保存,回到首页。Perfect...装逼格调从此高大上!