如何在博客园添加 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
从上面挑选一款您喜欢的样式颜色吧!!
四、参考链接
作者:犬小哈
出处:犬小哈教程: www.quanxiaoha.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
本文如对您有帮助,还请多帮 【推荐】 下此文。
如果喜欢我的文章,不妨关注下我的公众号哟