搜索到54篇与技术展示的结果
为网站外部链接添加go跳转 给网站添加外链go跳转效果既美观又可避免权重流失,确实是一个不错的功能，新建一个go.php文件，把下面的代码放到php文件里，然后上传到网站根目录即可！使用方法： 你的域名 /go.php? 要跳转的站点。代码展示<?php if(strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") || strpos($_SERVER['REQUEST_URI'], "base64")) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too Long"); @header("Connection: Close"); @exit; } //通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好 $t_url = preg_replace('/^url=(.*)$/i','$1',$_SERVER["QUERY_STRING"]); //数据处理 if(!empty($t_url)) { //判断取值是否加密 if ($t_url == base64_encode(base64_decode($t_url))) { $t_url = base64_decode($t_url); } //对取值进行网址校验和判断 preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):///i',$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://'.$_SERVER['HTTP_HOST']; $title='参数错误，正在返回首页...'; } } } else { $title = '参数缺失，正在返回首页...'; $url = 'http://'.$_SERVER['HTTP_HOST']; } ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no"> <meta name="robots" content="noindex, nofollow" /> <noscript><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"></noscript> <script> function link_jump() { //禁止其他网站使用我们的跳转页面 var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>"); if (!MyHOST.test(document.referrer)) { location.href="http://" + MyHOST; } location.href="<?php echo $url;?>"; } //延时1S跳转，可自行修改延时时间 setTimeout(link_jump, 1000); //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题 setTimeout(function(){window.opener=null;window.close();}, 50000); </script> <title><?php echo $title;?></title> <style type="text/css"> body{background:#555}.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:45%;left:50%;margin-left:-100px;margin-top:2px;color:#000;letter-spacing:1px;font-size:20px;font-family:Arial}.spinner{position:absolute;top:45%;left:50%;display:block;margin-left:-160px;width:1px;height:1px;border:20px 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)}} </style> </head> <body> <div class="loading"> <div class="spinner-wrapper"> <span class="spinner-text">页面加载中，请稍候...<br>请自行甄别广告的真实性！</span> <span class="spinner"></span> </div> </div> </body> </html>- Joe主题 给首页和文章页顶部加一个大图 截图展示{tabs}{tabs-pane label="首页"}{/tabs-pane}{tabs-pane label="文章页"}{/tabs-pane}{/tabs}第一步先加首页修改 index.php 文件，文件目录 Joe主题文件 /index.php 下面两个是我推荐的，放在图片地址里即可同步侧边栏博主背景壁纸代码： <?php $this->options->JAside_Author_Image() ?> 随机背景图API：https://api.ococn.cn/api/img （代码里的这个链接可以换成自己喜欢的）{tabs}{tabs-pane label="代码"}<div class="HeaderImg" style="background: url(https://api.ococn.cn/api/img) center;background-size:cover;"> <div class="infomation"> <div class="title"><?php $this->options->title(); ?></div> <div class="desctitle"> <span class="motto joe_motto"</span> </div> </div> <section class="HeaderImg_bottom"> <svg class="waves-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs> <path id="gentle-wave" d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z"></path> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="0"></use> <use xlink:href="#gentle-wave" x="48" y="3"></use> <use xlink:href="#gentle-wave" x="48" y="5"></use> <use xlink:href="#gentle-wave" x="48" y="7"></use> </g> </svg> </section> </div>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}第二步下载CSS文件放入服务器，然后后台代码引入CSS隐藏内容，请前往内页查看详情{tabs}{tabs-pane label="代码"}<link rel="stylesheet" href="这里填写你CSS的直链地址">{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}第三步设置全局透明度，这个看个人需求，也可以忽略此步骤（不喜欢可以跳过）{tabs}{tabs-pane label="代码"}body {--background: rgba(255,255,255,0.8);}{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}第四步再给文章页顶部加一个大图友情提示： 文章顶部图显示规则写成了与首页文章列表一样获取，会自动显示文章里的第一张图，文章无图的情况下会自动显示你后台设置的自定义缩略图，在后台图片设置选项添加，或者你也可以更换自己的api图库。自行更换图库方法：下面第一行代码中 <?php echo _getThumbnails($this)[0] ?>换成自己的图片地址即可使用方法修改 post.php 文件，文件目录 Joe主题文件 /post.php {tabs}{tabs-pane label="代码"}<div class="HeaderImg" style="background: url(<?php echo _getThumbnails($this)[0] ?>) center;background-size:cover;"> <div class="infomation"> <div class="title"><?php $this->title() ?></div> <div class="desctitle"> <div class="item"> <span class="text"><?php $this->date('Y-m-d'); ?></span> <span class="line">/</span> <span class="text"><?php $this->commentsNum('%d'); ?> 评论</span> <span class="line">/</span> <span class="text" id="Joe_Article_Views"><?php _getViews($this); ?> 阅读</span> <span class="line">/</span> <span class="text" id="Joe_Article_Views"><?php _getAgree($this) ?> 点赞</span> </div> </div> </div> <section class="HeaderImg_bottom"> <svg class="waves-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"> <defs> <path id="gentle-wave" d="M -160 44 c 30 0 58 -18 88 -18 s 58 18 88 18 s 58 -18 88 -18 s 58 18 88 18 v 44 h -352 Z"></path> </defs> <g class="parallax"> <use xlink:href="#gentle-wave" x="48" y="0"></use> <use xlink:href="#gentle-wave" x="48" y="3"></use> <use xlink:href="#gentle-wave" x="48" y="5"></use> <use xlink:href="#gentle-wave" x="48" y="7"></use> </g> </svg> </section> </div>{/tabs-pane}{tabs-pane label="代码位置"}{/tabs-pane}{/tabs}
- 给网站加一个复制提醒弹窗 截图展示代码复制下面代码，将其放置在网站footer.php或者header.php任意底部位子即可<!-- 复制提醒开始 --> <link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" /> <script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script> <script> document.body.oncopy = function() { swal("复制成功！", "若要转载请保留原文链接，感谢支持！", "success"); }; </script> <!-- 复制提醒结束 -->
- 网站底部自定义按钮美化 截图展示第一步后台添加自定义CSS样式代码/*CSS 网站底部自定义按钮美化开始*/ :root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}.github-badge { display: inline-block; border-radius: 4px; text-shadow: none; font-size: 12px; color: #fff; line-height: 15px; margin-bottom: 5px; } .badge-subject { display: inline-block; background-color: #4d4d4d; padding: 4px 4px 4px 6px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .github-badge .bg-blue { background-color: #007ec6; } .github-badge .bg-brightgreen { background-color: #4dc820; } .github-badge .bg-blueviolet { background-color: #8833d7; } .github-badge .badge-value { display: inline-block; padding: 4px 6px 4px 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .github-badge .bg-orange { background-color: orange; } .github-badge .bg-red { background-color: red; } /*CSS 网站底部自定义按钮美化结束 blog.sxchl.cn*/第二步网站底部自定义链接,添加以下代码<!--网站底部自定义链接 -开始--> <div class="github-badge"> <span class="badge-subject bg-blue"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-brightgreen"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-green"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-subject bg-orange"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-value bg-blueviolet"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </span>- <span class="badge-value bg-red"> <a style="color:#fff" href="链接地址" target="_blank">自行修改文字</a> </div> <!--网站底部自定义链接 -结束-->
- 【原创】宝塔APP 非企业/专业版使用教程 介绍宝塔App是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有30个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。使用教程下载宝塔APP插件解压到 /www/server/panel/plugin到软件商店打开 首页显示到首页，点开宝塔APP插件图标，APP扫码授权完成APP授权，可以正常使用了视频教程{bilibili bvid="BV1WT411L7Gc" page=""/}APP下载点击下载APPAPP展示{card-default label="APP首页" width="100%"}{/card-default}下载地址{cloud title="宝塔APP插件" type="lz" url="https://wwp.lanzoup.com/iBf1O09425pg" password=""/}
