為博客園添加github跳轉鏈接

一般程序員都會有自己的github倉庫，在博客園添加跳轉鏈接，可以很方便的進行訪問查看。

添加html

首先，需要在設置中添加一段html，用於跳轉鏈接

<a class="git-link" href="https://github.com/xinghalo"></a>

修改樣式

然后設置相應的樣式,，可以根據自己的導航條樣式，決定css是absolute的還是fixed。由於我的導航條就是固定在屏幕上的，因此github的鏈接也采用了fixed模式。

.git-link {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    border: 0;
    height: 149px;
    width: 149px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background-image: url(//images2015.cnblogs.com/blog/459873/201603/459873-20160317090540131-1089895320.png);
}

最終的效果