有时候我们为了减少权重的流失,或者是为了隐藏某些推荐链接,因此需要将外链转化为内链。将Typecho页面、文章、评论中的外链转为内链跳转形式,似乎该插件为SEO而设计,不过很好用就对了
之前找了个教程typecho文章外链自动添加nofollow和新窗口打开的方法转载了一下,但是没怎么看懂,正准备问群里的大佬的时候上网查了一下,居然发现了有成品插件,这就把找到的原版插件和魔改版+魔改可以添加广告版发出来供大家参考,看来还是要善用百度啊
这个插件的原理是将页面中的外链转换为站内链接,然后由该链接进行跳转,避免直接链接外链。
原版的简介
把外部链接转换为your_blog_path/go/key/,撰写链接页面支持修改
通过菜单“创建->短链接”设置;
自定义短链功能来自golinks;
支持 referer 白名单和外链转换白名单;
支持跳转页面,可以自行制作模板放到templates目录下,插件设置里可选择,目前自带5个模板;
支持自定义字段转换(实验性功能);
支持关闭指定页面的链接转换功能。添加自定义字段noshort即可;
使用方法:直接放至插件目录plugins下然后启用插件即可
各种模板演示图片:几个图片是我用手机截图的,电脑应该是同样的效果
一:default模板文章最后的那个演示链接就可以看到,图片我就不高兴放出来了,我的博客现在就是用的这个模板,目前不是所有外链都转换成了这个
二:template1模板
三:template2模板
四:template3模板
五:template4模板
选择你最喜欢的模板即可
原版自带内链转换,在typecho的撰写里面
原版下载地址:
看看他修改了啥
原话:修改了啥呢,就是我发现该插件包含了页面链接在新窗口中打开的功能,但是在评论者填写了自己的网址时,评论人的网址不会在新窗口打开,而是在当前页面打开,于是做了一点小调整
修改版下载地址:
最后就是魔改可以添加广告版了
模板文件在插件目录下
他是以template4模板为例,修改后代码如下,其他模板可以参照着修改
<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>
其实他并没有直接改插件改的是模板,算是一个教程吧,主要是在原版的基础上修改的
效果图
目前我用的是default这个模板
测试地址:测试测试
这个测试地址是回到博客首页的
全部评论 (共 9 条评论)
so i came to “return the favor”.I'm attempting to find things to enhance my website!I
suppose its ok to use some of your ideas!!
大佬打赏插件是什么插件 求分享