【全網最全的博客美化系列教程】01.添加Github項目連接

全網最全的博客美化系列教程相關文章目錄

【全網最全的博客美化系列教程】01.添加Github項目連接

【全網最全的博客美化系列教程】02.添加QQ交談連接

【全網最全的博客美化系列教程】03.給博客添加一隻萌萌噠的小倉鼠

【全網最全的博客美化系列教程】04.訪客量統計的實現

【全網最全的博客美化系列教程】05.公告欄個性時間顯示的實現

【全網最全的博客美化系列教程】06.推薦和反對炫酷樣式的實現

【全網最全的博客美化系列教程】07.添加一個分享的按鈕吧

【全網最全的博客美化系列教程】08.自定義地址欄Logo

【全網最全的博客美化系列教程】09.添加"擴大/縮小瀏覽區域大小" 按鈕

【全網最全的博客美化系列教程】10.小火箭置頂特效的實現

【全網最全的博客美化系列教程】11.鼠標點擊愛心特效的實現

【全網最全的博客美化系列教程】12.修改鼠標圖案

【全網最全的博客美化系列教程】13.鼠標點擊效果升級的實現

【全網最全的博客美化系列教程】14.代碼高亮設置的實現

【全網最全的博客美化系列教程】15.動畫幻燈效果的實現

【全網最全的博客美化系列教程】16.給博客添加一個打賞的實現

【全網最全的博客美化系列教程】17.博客背景刷新切換效果的實現

【全網最全的博客美化系列教程】18.數學之美---動態幾何線條的實現

【全網最全的博客美化系列教程】19.旋轉立方體的實現

【全網最全的博客美化系列教程】20.給博客添加一個萌萌噠的看板娘

【全網最全的博客美化系列教程】21.給博客添加一個夜間模式吧

【全網最全的博客美化系列教程】22.添加一個文章目錄特效

【全網最全的博客美化系列教程】23.圖片水紋特效的實現

【全網最全的博客美化系列教程】24.給博客增長一個音樂播放器特效

【全網最全的博客美化系列教程】25.給博客增長一個音樂播放器特效

【全網最全的博客美化系列教程】26.評論頭像旋轉的實現

【全網最全的博客美化系列教程】27.IP地址定位及天氣預報的實現

【全網最全的博客美化系列教程】28.3D標籤雲動畫的實現

【全網最全的博客美化系列教程】29.自制HTML源碼運行Javascript特效

【全網最全的博客美化系列教程】30.博客文章實現markdown書寫機制

【全網最全的博客美化系列教程】31.用Canvas和requestAnimFrame作動畫特效

【全網最全的博客美化系列教程】32.公告欄添加本身的頭像

【全網最全的博客美化系列教程】33.添加一隻舞動的小知音

【全網最全的博客美化系列教程】34.皮膚背景的選擇與定製

添加Github項目連接

大家確定對左上角的Fork me on Github比較好奇吧，這個是怎麼弄的呢，其實大家經過F12控制檯去找到這個控件，大家也能實現這個效果，以下圖，很明顯，咱們能夠看到是我用紅色矩形框住的這部分語句控制着這個圖標，點擊之後會跳轉到個人Github項目管理。

以上語句以下：

<a href="https://github.com/AngelKitty">
<img style="position: absolute; top: 0; left: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_left_darkblue_121621.png" alt="Fork me on GitHub">
</a>

把href的內容替換爲本身的GitHub倉庫地址

src的圖片連接地址能夠設置爲其餘地址，我就選擇直接引用了。

添加方式：進入本身的博客園->設置，將以上html代碼添加到「頁首Html代碼」

原理：學過一點前端知識的人就知道，這是一個很簡單的東西，經過href引用連接跳轉，再用img標籤裝上一個圖片的樣式。

添加之後效果以下：

 

更多風格請移步至這裏：https://blog.github.com/2008-12-19-github-ribbons/

這裏有不少不一樣風格的形式供你選擇，上面都提供了源碼，你只須要更改href地址，複製粘貼到指定位置就好了~~~