团子の小屋

[typecho]typecho优化之置顶美化and反代Gravatar 头像

1、置顶插件美化

插件下载地址sticky::quyin:laughing::

[tag type="info"]美化样式如图[/tag]

[collapse title="sticky代码"]

<div class="wrap"><span class="wraps">置顶</span></div>
<style type="text/css">
.wrap {
width: 100%;
height: 100%;
position: absolute;
top: -8px;
left: 8px;
overflow: hidden;
font-size: 17px;
font-weight: 400;
color: #fff;
opacity: 0.5;
-webkit-transition: .3s ease all;
-moz-transition: .3s ease all;
-ms-transition: .3s ease all;
-o-transition: .3s ease all;
transition: .3s ease all;
}
.wrap:hover {
opacity: 0.9;
}
.wraps {
display: inline-block;
text-align: center;
width: 200px;
height: 30px;
line-height: 27px;
position: absolute;
top: 30px;
right: -50px;
z-index: 2;
overflow: hidden;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
border: 1px dashed;
box-shadow: 0 0 0 1px #000, 0px 21px 5px -18px rgba(0,0,0,0.6);
background: #048e68;
}
</style>

[/collapse]


2、反代Gravatar 头像

因为某些原因访问 Gravatar 的速度是无比巨慢,还拖慢博客载入速度,为了加快博客的打开速度所以想要吧 Gravatar 头像的地址换成一个国内打开快一点的地址。然而我抱着能不装则不装的原则,我就先在必应找了半天在 Typecho 的官方论坛的评论中找到了方法,只需要在 [tag type="info" outline]conf.inc.php[/tag] 加一段就可以修改::quyin:maimeng::
[collapse title="反代代码" show="true"]

define('__TYPECHO_GRAVATAR_PREFIX__', 'https://gravatar.cat.net/avatar/');

[/collapse]

用的地址是烧饼搭建的国内加速服务,如果你不想用烧饼搭建的可以选择 ==v2ex== 的只需吧上面代码中的 https://gravatar.cat.net/avatar/ 改为 https://cdn.v2ex.com/gravatar/ 即可::quyin:1huaji::

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »