美化博客园

1.您的博客首页 -> 管理 -> 设置

2.设置博客默认皮肤为 Custom

3.使用 loading

复制如下 html 粘贴到页首 HTML.

复制如下 css 粘贴到页面定制 CSS

loading {

bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
background-color: #f4f5f5;
pointer-events: none;

}
.loader-inner {
will-change: transform;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
background-color: #3742fa;
border-radius: 50%;
animation: scaleout 0.6s infinite ease-in-out forwards;
text-indent: -99999px;
z-index: 999991;
}
@keyframes scaleout {
0% {
transform: scale(0);
opacity: 0;
}
40% {
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
4. 禁用默认 css 样式

5.复制如下 js 粘贴到 博客侧边栏公告 （如没开通 js 权限请先开通，理由填适度美化博客）。

6.保存.

7.进入您的博客查看效果