首页 > 代码库 > 页面: Fork me on GitHub

页面: Fork me on GitHub

一、实现效果如下:

 

二、代码地址:https://github.com/blog/273-github-ribbons 

      这是一个国外网友开发的代码, 里面有很多种样式,可以自已随心选择。

三、我们只拿其中一个来举例(如上图): 

     代码如下: 

<a href="https://github.com/chenzhc">  <img style="position: absolute; top: 0; right: 0; border: 0;"     src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67"     alt="Fork me on GitHub"     data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>

 主要修改下面这段代码: 

<a href="https://github.com/chenzhc">  

把 href= http://www.mamicode.com/修改为自己的 github 地址既可以。

然后,保存到需要显示的页面既可,如博客园里的效果: 

 

四、保存即可以看到效果。

 

-- coding by chenzc 

页面: Fork me on GitHub