MENU

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

1、置顶插件美化

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

美化样式如图

44.png

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>


2、反代Gravatar 头像

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

反代代码

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

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

版权声明:文章转载请注明来源,如有侵权请联系删除!

最后编辑于: 2020 年 07 月 09 日
返回文章列表 打赏
本页链接的二维码
打赏二维码