About MuCheng
站长暮城,暂无字无号。 嗜上网,喜欢折腾,爱旅行与王者,喜爱宁静大自然。性格随和、沉稳(实际上是有些木讷),不吸烟,偶小酌,乐于箪食瓢饮。 虽说早自2005年就已开站,但站无定所,四处飘荡,遂于2020年11月正式开通本站。所发文仅用于暮城记录学习笔记之用,以利己利人为基则,无任何盈利目的,不承接广告合作,未注明出处的文章,如有侵权,请及时联系暮城予以删除。 联系方式:mc@mcheng.cn

给WordPress博客添加外链go跳转效果

你或许看见过类似go.php?形式的跳转链接,这样是为了站点的SEO能够对各种搜索引擎更友好,术语好像就是叫做外链跳转。更重要的是起到了保护自己域名权重的目的。中间的过渡,很好地避免了外链的导出,有很好的到达了所需的网站,是一个两全齐美的好东东。

在这里,我有三种类似的方法,下面一一介绍给大家(仅限于支持PHP脚本的服务器)。

第一种:

新建一个go.php文件,放置到网站的根目录下,在go.php里面输入:

<?php header("location:".$_GET["url"]); ?>

保存,这样出来的形式就是:{本站地址}/go.php?url={外链地址}

第二种:

同样是新建一个go.php文件,放置到网站的根目录下,在go.php里面输入:

<?php header("location:".$_SERVER['QUERY_STRING']); ?>

保存,这样出来的形式就是:{本站地址}/go.php?{外链地址}

当然,如果你的主机环境支持ASP环境,那么还可以将以下代码存为“go.asp”,起到的效果是一样一样的:

<%

dim url

dim baiyea_url

baiyea_url=request("url")

Response.Redirect baiyea_url

%>

第三种:

利用dudo博客原创WordPress插件Anylink对外链进行包装美化

可在插件后台搜索Anylink进行安装,然后点击启用,即可,如果觉得样式不好看可进行二次美化。

点击设置Anylink设置,跳转HTTP代码处选择javascript中间页跳转,然后复制如下代码替换掉插件re.php页面代码即可。

<?php 
  $url = $gotoLink;
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="1;url='<?php echo $url;?>';">
<title>页面加载中,请稍候..</title>
<style>
body{background:#000}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,0.93)}.spinner-text{position:absolute;top:50%;left:50%;margin-left:-90px;margin-top: 2px;color:#BBB;letter-spacing:1px;font-weight:700;font-size:36px;font-family:Arial}.spinner{position:absolute;top:50%;left:50%;display:block;margin-left:-160px;width:1px;height:1px;border:25px solid rgba(100,100,100,0.2);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin 1.5s infinite;-moz-animation:spin 1.5s infinite;animation:spin 1.5s infinite}@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(720deg) scale(0.6)}}@-moz-keyframes spin{0%,100%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(720deg) scale(0.6)}}@-o-keyframes spin{0%,100%{-o-transform:rotate(0deg) scale(1)}50%{-o-transform:rotate(720deg) scale(0.6)}}@keyframes spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(720deg) scale(0.6)}}
</style>
</head>
<body>
<div class="loading">
  <div class="spinner-wrapper">
    <span class="spinner-text">页面加载中,请稍候...</span>
    <span class="spinner"></span>
  </div>
</div>
</body>
</html>

具体效果可查看本站跳转效果。