blog-博客美化-添加GitHub链接

博客美化-添加GitHub链接

1.需要提前复制github链接

2.需要提前上传好png图片

3.进入自己的博客园->设置,将以下html代码添加到“页首Html代码”

  • 悬浮状态
<a href="https://github.com/tssc187" target="_blank">
  <img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1;" src="http://images.cnblogs.com/cnblogs_com/tssc/1251273/o_github.png" >
</a>
  • github官方提供
  • 固定到右上角不动
<a href="https://github.com/tssc187"><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>

参考地址

http://www.cnblogs.com/jackson0714/p/BeautifyBlog_05.html

posted @ 2023-05-17 18:17  天生帅才  阅读(42)  评论(0编辑  收藏  举报
// 百度统计