如何在博客园添加 Fork me on GitHub 彩带效果

博文首发自个人网站：https://www.exception.site/essay/bokeyuan-add-fork-me-on-github

如何在自己的博客园博客的右上角添加 Fork me on GitHub 彩带效果呢？如下图所示：

一、进入博客后台

进入博客园的管理界面，依次点击 管理 -> 设置，进入到设置页面后，将页面拖动到最下面，您会看到：页首Html代码一栏：

二、添加代码

在页面Html代码框中输入如下代码：

<a href="https://github.com/weiwosuoai">  
<img style="position: fixed; top: 0; right: 0; border: 0; z-index:9999;" 
     src="https://github.blog/wp-content/uploads/2008/12/forkme_right_red_aa0000.png" 
     alt="Fork me on GitHub">
</a>

注意，您需要将 <a href=""> 中的链接换成您自己的 GitHub 主页地址。

保存后，随意打开一篇您自己的博客，就可以看见和教程开头展示的效果一样了。大功告成！

三、更换彩带颜色

我上面使用的是红色的彩带，如果您需要更换成其他颜色，只需将 <img> 标签中的 src 地址更换成您想要颜色的地址即可：

3.1 绿色

将 src 中地址替换成如下地址：

https://github.blog/wp-content/uploads/2008/12/forkme_right_green_007200.png

3.2 黑色

将 src 中地址替换成如下地址：

https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png

3.3 橘黄色

将 src 中地址替换成如下地址：

https://github.blog/wp-content/uploads/2008/12/forkme_right_orange_ff7600.png

3.4 灰色

将 src 中地址替换成如下地址：

https://github.blog/wp-content/uploads/2008/12/forkme_right_gray_6d6d6d.png

3.5 白色

将 src 中地址替换成如下地址：

https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png

从上面挑选一款您喜欢的样式颜色吧！！

四、参考链接

https://github.blog/2008-12-19-github-ribbons/

转载于:https://www.cnblogs.com/quanxiaoha/p/10490484.html