搞了几天.给站点加上了go
跳转。据说可以防止页面权重分散..主要加在了游客评论地址,友链(友链并不建议加),和侧边栏上。百度了一圈发现没啥系统的教程,所以......
首先搞定go
文件,创建一个go.php
打开(最好不要用记事本)将以下代码复制进去,放到根目录或者
新建文件夹“go”把go.php
改成index.php
,放进去。
<?php
/**
* 带有来路验证和跳转提示功能的跳转页面
*/
// 请将这里的网址改为自己的(顶级)域名地址
$myDomain = 'zhebk.cn';
// 这里用正则提取 $_SERVER["QUERY_STRING"] 而不是直接 get url
// 是因为如果链接中自身带有 GET 参数则会导致获取不完整
preg_match('/url=(.*)/i', $_SERVER["QUERY_STRING"], $jumpUrl);
// 如果没获取到跳转链接,直接跳回首页
if(!isset($jumpUrl[1])) {
header("location:/");
exit();
}
$jumpUrl = $jumpUrl[1];
// 判断是否包含 http:// 头,如果没有则加上
preg_match('/(http|https):\/\//', $jumpUrl, $matches);
$url = $matches? $jumpUrl: 'http://'. $jumpUrl;
// 判断网址是否完整
preg_match('/[\w-]*\.[\w-]*/i', $url, $matche);
// 是否需要给出跳转提示
$echoTips = false;
if($matche){
// 如果是本站的链接,不展示动画直接跳转
if(isMyDomain($url, $myDomain)) {
header("location:{$url}");
exit(); // 后续操作不再执行
}
$title = '页面加载中,请稍候...';
$fromUrl = isset($_SERVER["HTTP_REFERER"])? $_SERVER["HTTP_REFERER"]: ''; // 获取来源url
// 如果来源和跳转后的地址都不是本站,那么就要给出提示
if(!isMyDomain($fromUrl, $myDomain)) {
$echoTips = true;
}
} else { // 网址参数不完整
$url = '/';
$title = '参数错误,正在返回首页...';
}
/**
* 判断是不是自己的域名
* @param $domain 要进行判断的域名
* @param $my 自己的域名
* @return 对比结果
*/
function isMyDomain($domain, $my) {
preg_match('/([^\?]*)/i', $domain, $match);
if(isset($match[1])) $domain = $match[1];
preg_match('/([\w-]*\.[\w-]*)\/.*/i', $domain.'/', $match);
if(isset($match[1]) && $match[1] == $my) return true;
return false;
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="noindex, nofollow" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<?php
if($echoTips) {
echo '<title>跳转提示</title>';
} else {
echo '<meta http-equiv="refresh" content="0;url='.$url.'">';
echo '<title>'.$title.'</title>';
}
?>
<style>
body{background:#fff;font-family:Microsoft Yahei;-webkit-animation:fadeIn 1s linear;animation:fadeIn 1s linear}
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity:1}
}@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}#circle{background-color:rgba(0,0,0,0);border:5px solid #736d6d;opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 35px #a9a6a6;width:50px;height:50px;margin:0 auto;position:fixed;left:30px;bottom:30px;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite ease-in-out;-o-animation:spinPulse 1s infinite ease-in-out;-ms-animation:spinPulse 1s infinite ease-in-out}
#circle1{background-color:rgba(0,0,0,0);border:5px solid #736d6d;opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow:0 0 15px #a9a6a6;width:30px;height:30px;margin:0 auto;position:fixed;left:40px;bottom:40px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;-o-animation:spinoffPulse 1s infinite linear;-ms-animation:spinoffPulse 1s infinite linear}
@-webkit-keyframes spinPulse{0%{-webkit-transform:rotate(160deg);opacity:0;box-shadow:0 0 1px #505050}
50%{-webkit-transform:rotate(145deg);opacity:1}
100%{-webkit-transform:rotate(-320deg);opacity:0}
}@-webkit-keyframes spinoffPulse{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}#loading-text{position:fixed;left:110px;bottom:35px;color:#736D6D}
@media screen and (max-width:600px){#circle,#circle1{left:0;right:0;top:0;bottom:0}
#circle{margin:120px auto}
#circle1{margin:130px auto}
#loading-text{display:block;text-align:center;margin-top:220px;position:static;margin-left:10px}
}
.warning{max-width: 500px;margin: 20px auto;}
.wtitle {font-size: 22px;color: #d68300;}
.wurl {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #827777;}
.btn {display: inline-block;line-height: 20px;cursor: pointer;border: 1px solid #A9A6A6;padding: 6px 10px;font-size: 14px;text-decoration: none;}
.btn-green {color: #fff;background-color: #238aca;border: 1px solid #238aca;}
.btn:hover {background-color: #A9A6A6;border: 1px solid #A9A6A6;color: #fff;}
</style>
</head>
<body>
<?php if($echoTips) { ?>
<div class="warning">
<p class="wtitle">您将要访问:</p>
<p class="wurl" title="<?php echo $url;?>"><?php echo $url;?></p>
<p>该网站不属于《纸盒博客》跳转站点,我们无法确认该网页是否安全,它可能包含未知的安全隐患。</p>
<span class="btn btn-green" onclick="go();">继续访问</span>
<span class="btn" onclick="window.close();">关闭网页</span>
</div>
<script>
function go() {window.location.href = window.location.href;}
</script>
<?php } else { ?>
<div id="circle"></div>
<div id="circle1"></div>
<p id="loading-text">页面加载中,请稍候...</p>
<?php } ?>
</body>
</html>
代码来自-懒人的小窝。
如图这段代码能够防止他人恶意利用你的go跳转,
然后修改模板,打开模板的 module.php
搜索<a href="\'.$comment[\'url\'].\'" target="_blank">
替换<a href="/go/?url=\'.$comment[\'url\'].\'" target="_blank>
或者<a href="/go.php?url=\'.$comment[\'url\'].\'" target="_blank>
根据你`go`文件的位置
评论页面搞定,至于友链部分可以统一在友链前面加上http://zhebk.cn/go/?url=
但是我发现这样会使友链的favicon
图标获取失败,(强迫症的我)我就想加在模板试试。
<pre class="prettyprint lang-php linenums">//widget:链接(已经修改过的侧边栏友链)
function widget_link($title){
global $CACHE;
$link_cache = $CACHE->readCache(\'link\');
//if (!blog_tool_ishome()) return;#只在首页显示友链去掉双斜杠注释即可
?>
<div class="widget widget_links"><span class="icon"><i class="fa fa-link"></i></span> <h3> 友情链接</h3><ul>
<?php foreach($link_cache as $value): ?>
<li><a href="<?php echo "/go/?url=".$value[\'url\']; ?>" title="<?php echo $value[\'des\']; ?>" target="_blank"><i class="fa fa-link fa-fw"></i><?php echo $value[\'link\']; ?></a></li>
<?php endforeach; ?></ul>
</div>
<?php
//widget:pages_links(已经修改过的友链页面)
function pages_links(){
global $CACHE;
$link_cache = $CACHE->readCache(\'link\');
//if (!blog_tool_ishome()) return;#只在首页显示友链去掉双斜杠注释即可
foreach($link_cache as $value): ?>
<li><a href="<?php echo "/go/?url=".$value[\'url\'];?>" title="<?php echo $value[\'des\']; ?>" target="_blank" rel="nofollow"><?php echo $value[\'link\']; ?></a></li>
<?php endforeach;}?>
然后我发现竟然还是获取不了favicon
图标。F12是这样的
<pre class="prettyprint lang-php linenums"><img src="http://api.byi.pw/favicon/?url=l=http:www.baidu.com"></pre>
我心里就我操我操了多了个“l=
”是什么意思?使用的这个代码获取favicon
图标"来自AE博客"
<pre class="prettyprint lang-js linenums">/* 友情链接 favicon图标*/
$(\'.plinks a\').each(function(){
var imgSrc = $(this).attr(\'href\').substr(7).replace(\'/\',\'\');
$(this).prepend( \'<img src="http://api.byi.pw/favicon/?url=\'+imgSrc+\'">\' );
})</pre>
然后我就......你不就是多了吗?我删!
将上面<img src="http://api.byi.pw/favicon/?url=\'+imgSrc+\'">
代码改为<img src="http://api.byi.pw/favicon/?ur\'+imgSrc+\'">
<?php
$t_url=$_GET[\'url\'];
if(!empty($t_url)) {
preg_match(\'/(http|https):\\/\\//\',$t_url,$matches);
if($matches){
$url=$t_url;
$title=\'页面跳转中,请稍候...\';
} else {
preg_match(\'/\\./i\',$t_url,$matche);
if($matche){
$url=\'http://\'.$t_url;
$title=\'页面跳转中,请稍候...\';
} else {
$url=\'http://zhebk.cn/\';
$title=\'参数错误,正在返回首页...\';
}
}
} else {
$title=\'参数缺失,正在返回首页...\';
$url=\'http://zhebk.cn/\';
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow" />
<meta http-equiv="refresh" content="1;url=\'<?php echo $url;?>\';">
<title>
<?php echo $title;?>
</title>
<style type="text/css">
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align:
baseline } body { background: #3498db; } #loader-container { width: 188px;
height: 188px; color: white; margin: 0 auto; position: absolute; top: 50%;
left: 50%; margin-right: -50%; transform: translate(-50%, -50%); border:
5px solid #3498db; border-radius: 50%; -webkit-animation: borderScale 1s
infinite ease-in-out; animation: borderScale 1s infinite ease-in-out; }
#loadingText { font-family: \'Raleway\', sans-serif; font-size: 1.4em; position:
absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,
-50%); } @-webkit-keyframes borderScale { 0% { border: 5px solid white;
} 50% { border: 25px solid #3498db; } 100% { border: 5px solid white; }
} @keyframes borderScale { 0% { border: 5px solid white; } 50% { border:
25px solid #3498db; } 100% { border: 5px solid white; } }
</style>
</head>
<body>
<div id="loader-container">
<p id="loadingText">
页面加载中...
</p>
</div>
</body>
</html>
sqqzy
博主 我想改这个主题的加载动画怎么做呢,加载动画已经有了但是怎么替换呢
kim
奈斯!
km
wp的可以用不?
子虚之人
@km : 跳转页可以用,但是引用方式需要改改。
essayforme
You explained this perfectly.
满满的
支持,博主辛苦