一、实现效果如下:
二、代码地址: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
时间: 2024-10-12 16:44:50