转自

全网最全的博客美化系列教程相关文章目录

你们肯定对左上角的Fork me on Github比较好奇吧，这个是怎么弄的呢，其实你们通过F12控制台去找到这个控件，你们也能实现这个效果，如下图，很明显，我们可以看到是我用红色矩形框住的这部分语句控制着这个图标，点击以后会跳转到我的Github项目管理。

以上语句如下：

<a href="https://github.com/AngelKitty">
<img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub">
a>

把href的内容替换为自己的GitHub仓库地址

src的图片链接地址可以设置为其他地址，我就选择直接引用了。

添加方式：进入自己的博客园->设置，将以上html代码添加到“页首Html代码”

原理：学过一点前端知识的人就知道，这是一个很简单的东西，通过href引用链接跳转，再用img标签装上一个图片的样式。

添加以后效果如下：

更多风格请移步至这里：https://blog.github.com/2008-12-19-github-ribbons/

这里有很多不同风格的形式供你选择，上面都提供了源码，你只需要更改href地址，复制粘贴到指定位置就行了~~~