本文最后更新于2019年03月30日;如遇问题,请留言及时通知站长。

Typecho 有相应的友情链接插件,可是对于喜欢简单的我,不太喜欢用各式各样的插件,总觉得会把网站弄的臃肿。还有一种方法是在 functions.php 文件中写代码,通过模板创建独立页面,这要求有 JavaScript 编程技能,对于只会看不太会写的我还是觉得麻烦。

最终我采用了一种非常简单好用的方法,就是不用模板,创建独立页面,然后在内容里面直接写html代码

独立页面里的代码如下:

<a target="_blank" class="linktext" href="http://www.sirit.com.cn/"><img src="http://www.sirit.com.cn/siritlogo.png" class="linkimgs" alt="大嘴狗的小空间" title="大嘴狗的小空间 | 真正的幸福在于对平淡生活的热爱"/>大嘴狗的小空间</a>

CSS 文件里面添加样式:

.linktext {margin:10px;padding:0 5px 0 5px;display:inline-grid;text-align:center;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);}
.linkimgs {width:120px;height:120px;}

最终的效果如下图:

typecho--links