博客园头像

Posted 2020-10-19 0bug

主题环境：ThinkInside

实现思路：

向id=siderBar标签内前置一个头像。

$("#sideBar").prepend("头像");

样式摘自懒人之家（http://demo.lanrenzhijia.com/2015/css1023/）

实现代码如下：

<script language="javascript" type="text/javascript">
$("#sideBar").prepend("<div class=\\"case-item\\"><div class=\\"ih-item circle effect1\\"><a href=\\"http://www.cnblogs.com/0bug/\\"><div class=\\"spinner\\"></div><div class=\\"img\\"><img src=\\"https://pic.cnblogs.com/avatar/1054809/20171228042039.png\\" ></div><div class=\\"info\\"><div class=\\"info-back\\"><h3>李成广</h3><p>以梦为马 不负韶华 </p></div></div></a></div></div>\\n");
</script>

此代码写入设置-页脚html代码

下面是使用到css，我上传到我自己的博客里。你可以下载下来，上传到自己的博客后在引用。

<link href="https://files.cnblogs.com/files/0bug/lanren.css" type="text/css" rel="stylesheet" />

此代码放在设置-页首Html代码