Fork me on GitHub

给博客添加“Fork me on github”彩带

彩带(Ribbon)是Github官方提供的一种服务,查看具体信息请到官方博客

  • 官方博客任意选择一款彩带,复制对应代码,顺手把you改成你的github用户名
<a href="https://github.com/you"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://camo.githubusercontent.com/121cd7cbdc3e4855075ea8b558508b91ac463ac2/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_left_green_007200.png"></a>
  • 进入你的博客首页, 管理 -> 设置-> 粘贴上一步复制的代码到"页首Html代码"输入框里(如下图所示)

  • 有可能你做完以上步奏,彩带还是没有显示出来,这时候在你的style里加一行,为什么加这一行呢?主要是因为cnblog提供的主题图片把你的彩带给覆盖了,这时候只能将你的彩带通过设置css样式强行置之图层顶部

z-index: 999;

以上均为本人亲身经历,看截图就能看到我加z-index的痕迹,有其他疑问,大家一起讨论

posted @ 2016-09-05 16:40  hugoxia  阅读(396)  评论(0编辑  收藏  举报