Loading... 根据电脑/手机自动切换不同广告代码：[https://blog.zeruns.tech/archives/381.html](https://blog.zeruns.tech/archives/381.html) ## 安装Typecho外链转内链插件 插件下载地址：https://github.com/benzBrake/ShortLinks ## 修改模板 模板文件在插件目录下 这里以template4模板为例，修改后代码如下，其他模板可以参照着修改 ```html <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width" /> <meta name="robots" content="noindex, nofollow" /> <meta http-equiv="refresh" content="{{delay}};url='{{url}}';" /> <meta charset="UTF-8" /> <link rel="shortcut icon" href="https://blog.zeruns.tech/tx.jpg" /> <!--[if IE 8]> <style> .ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px} </style> <![endif]--> <title>页面加载中,请稍候...</title> <style type="text/css">body{margin:0;height:100vh;display:flex;align-items:center;justify-content:center;background:#222428}.container{width:8em;height:1em;font-size:35px;display:flex;justify-content:space-between}.container span{width:1em;height:1em;--duration:1.5s}.girl{animation:slide var(--duration) ease-in-out infinite alternate}@keyframes slide{0%{transform:translateX(0);filter:brightness(1)}to{transform:translatex(6.75em);filter:brightness(1.45)}}.boys{width:6em;display:flex;justify-content:space-between}.boys span{animation:var(--duration) ease-in-out infinite alternate}.boys span:nth-child(1){animation-name:jump-off-1}.boys span:nth-child(2){animation-name:jump-off-2}.boys span:nth-child(3){animation-name:jump-off-3}.boys span:nth-child(4){animation-name:jump-off-4}@keyframes jump-off-1{0%,15%{transform:rotate(0deg)}35%,to{transform-origin:-50% center;transform:rotate(-180deg)}}@keyframes jump-off-2{0%,30%{transform:rotate(0deg)}50%,to{transform-origin:-50% center;transform:rotate(-180deg)}}@keyframes jump-off-3{0%,45%{transform:rotate(0deg)}65%,to{transform-origin:-50% center;transform:rotate(-180deg)}}@keyframes jump-off-4{0%,60%{transform:rotate(0deg)}80%,to{transform-origin:-50% center;transform:rotate(-180deg)}}.container span:before{content:'';position:absolute;width:inherit;height:inherit;border-radius:15%;box-shadow:0 0 .1em rgba(0,0,0,.3)}.girl:before{background-color:hotpink}.boys span:before{background-color:#1e90ff;animation:var(--duration) ease-in-out infinite alternate}.boys span:nth-child(1):before{filter:brightness(1);animation-name:jump-down-1}.boys span:nth-child(2):before{filter:brightness(1.15);animation-name:jump-down-2}.boys span:nth-child(3):before{filter:brightness(1.3);animation-name:jump-down-3}.boys span:nth-child(4):before{filter:brightness(1.45);animation-name:jump-down-4}@keyframes jump-down-1{5%{transform:scale(1,1)}15%{transform-origin:center bottom;transform:scale(1.3,0.7)}20%,25%{transform-origin:center bottom;transform:scale(0.8,1.4)}40%{transform-origin:center top;transform:scale(1.3,0.7)}55%,to{transform:scale(1,1)}}@keyframes jump-down-2{20%{transform:scale(1,1)}30%{transform-origin:center bottom;transform:scale(1.3,0.7)}35%,40%{transform-origin:center bottom;transform:scale(0.8,1.4)}55%{transform-origin:center top;transform:scale(1.3,0.7)}70%,to{transform:scale(1,1)}}@keyframes jump-down-3{35%{transform:scale(1,1)}45%{transform-origin:center bottom;transform:scale(1.3,0.7)}50%,55%{transform-origin:center bottom;transform:scale(0.8,1.4)}70%{transform-origin:center top;transform:scale(1.3,0.7)}85%,to{transform:scale(1,1)}}@keyframes jump-down-4{50%{transform:scale(1,1)}60%{transform-origin:center bottom;transform:scale(1.3,0.7)}65%,70%{transform-origin:center bottom;transform:scale(0.8,1.4)}85%{transform-origin:center top;transform:scale(1.3,0.7)}to{transform:scale(1,1)}} body{ text-align:center} #divcss5{margin:0 auto} </style> </head> <body> <ul> <li> <div class="container" id="divcss5"> <span class="girl"></span> <div class="boys"> <span></span> <span></span> <span></span> <span></span> </div> </div> </li> <li> <div class="Ad"> <!-- 在这放入广告代码 --> </div> </li> </ul> </body> </html> ``` ## 效果图  最后修改：2020 年 03 月 31 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果您觉得我的文章有帮助，请随意赞赏，赞赏有助于激发博主的热情，感谢！
8 条评论
可以 白嫖了 ::BZ:ds_fachou::
这个页面加广告被谷歌发现可是要违规处理的
这也算违规？
为什么我用这个插件，一开启转换评论者链接，博客显示就错乱一片
可以用，原来我下载的旧版
这个页面我倒是没有想到加广告
你也加一下广告看看效果୧(๑•̀⌄•́๑)૭
膜拜大佬