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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章