页面： 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= 修改为自己的 github 地址既可以。

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

 

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

 

-- coding by chenzc