腾讯云服务器优惠活动华纳云香港服务器

分享boke112导航外链跳转页面技术及代码

WordPress主题推荐

最近这段时间,都有网友博主问到boke112导航的外链跳转页面是如何实现的,我的回答都是说在张戈博客那里可以搜索到相关技术。现在为了让大家都能够更清楚明白,所以特意整理分享给大家。

分享boke112导航外链跳转页面技术及代码-第1张-boke112百科(boke112.com)

外链跳转页面效果

具体实现的步骤如下:

1、新建一个index.php文件,在index.php里面输入以下代码(记得修改代码中的boke112.com改为你自己的域名),然后上传到WordPress网站根目录下的go文件夹(没有go文件夹就新建一个)。

  1. <?php
  2. $t_url=$_GET[‘url’];
  3. if(!empty($t_url)) {
  4.     preg_match(‘/(http|https):\/\//’,$t_url,$matches);
  5.     if($matches){
  6.         $url=$t_url;
  7.         $title=’页面跳转中,请稍候…’;
  8.     } else {
  9.         preg_match(‘/\./i’,$t_url,$matche);
  10.         if($matche){
  11.             $url=’http://’.$t_url;
  12.             $title=’页面跳转中,请稍候…’;
  13.         } else {
  14.             $url=’http://boke112.com/’;
  15.             $title=’参数错误,正在返回首页…’;
  16.         }
  17.     }
  18. else {
  19.     $title=’参数缺失,正在返回首页…’;
  20.     $url=’http://boke112.com/’;
  21. }
  22. ?>
  23. <html>
  24. <head>
  25. <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8”>
  26. <meta http-equiv=“refresh” content=“1;url='<?php echo $url;?>’;”>
  27. <title><?php echo $title;?></title>
  28. <style>
  29. 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(255,0,0,1);-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)}}
  30. </style>
  31. </head>
  32. <body>
  33. <div class=“loading”>
  34.   <div class=“spinner-wrapper”>
  35.     <span class=“spinner-text”>页面跳转中,请稍候…</span>
  36.     <span class=“spinner”></span>
  37.   </div>
  38. </div>
  39. </body>
  40. </html>

2、在添加外链的时候,只要给外链加上统一的跳转前缀:http://你的域名/go/?url=,即可实现实现 https://www.yigujin.cn// 的跳转形式。

PS:不想复制代码,可以直接下载本站的go文件(记得修改index.php文件开头的boke112.com改为你自己的域名):

以上方法均需要在手动添加外链的时候,加上跳转前缀,比如  http://你的域名/ go/?url=外链地址,并不是很方便,有兴趣的童鞋可以研究下如何写到function.php里面去,强行重写外链。不过anylink插件就可以实现这个功能了。

2015年10月27日更新:

自动替换文章中的外链为go跳转的形式,本站已有分享,请移步《自动替换文章中的外链为go跳转的形式

以上技术来源于:张戈博客

本文地址:https://boke112.com/post/1906.html

赞 (0) 打赏
版权声明:本文为原创文章,版权归 boke112百科 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请联系我们,确认后马上更正或删除,谢谢!
香港云主机55元/年
wu