很多的站长,想把404页面做成伪静态的,因为PHP可以码代码,你懂的吧。把404页面做成伪静态的好处:那就是可以在404页面码代码,这是一个很潮的做法,还能增加网站内链哦。
404页面里面码代码,把404页面做成伪静态的就行了。如果是HTML的话,如果你想加点随机的文章、链接、内链啥的,都不好加,只能固定,要是做成伪静态的,因为PHP可以码代码,你懂的吧。很多站长都在用,这是一个很潮的做法,还能增加网站内链哦。
教程开始
先新建一个404.php文件,上传至根目录,代码如下;
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="x-dns-prefetch-control" content="on"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="renderer" content="webkit"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Cache-Control" content="no-transform"/> <meta http-equiv="Cache-Control" content="no-siteapp"/> <title>404</title> <style type="text/css"> body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif}a,button.submit{color:#6e7173;text-decoration:none;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}a:active,a:hover{color:#6e7173}.body404{position:absolute;height:100%;width:100%;background:#fff;background-size:auto 100%}.site-name404{margin:0 auto;text-align:center;letter-spacing:2px;font-size:150px;line-height:1;font-weight:100;color:#000;background-image:-webkit-linear-gradient(92deg,#000,#202935);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:hue 10s infinite linear}.site-name404 h1{margin:0 0 10px;font-size:50px;line-height:1.2}.title404 span{margin:0 5px;font-weight:700}.title404 p{font-size:20px;line-height:1.5;margin:0;color:#7b8993}.info404{position:absolute;top:50%;text-align:center;width:100%;margin-top:-160px}.index404{margin-top:24px;display:inline-block;white-space:nowrap;cursor:pointer;letter-spacing:1px;font-size:14px;-moz-user-select:-moz-none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;text-shadow:none;border:2px solid #7b8993;line-height:36px;text-align:center;padding:0 25px;border-radius:25px;background-color:#fff;color:#7b8993} </style> <script type="text/javascript">var num=6;function redirect(){num--;document.getElementById("num").innerHTML=num;if(num<0){document.getElementById("num").innerHTML=0;location.href="/"}}setInterval("redirect()",1000);</script> </head> <body> <div class="body404"> <div class="info404"> <header id="header404"class="clearfix"> <div class="site-name404">404</div> </header> <section> <div class="title404"> <p>很抱歉,您访问的页面找不到了<br> <span id="num">6</span>秒后自动跳转到主页</p> </div> <a href="/" class="index404">返回首页</a></section> </div> </div> </body> </html>
当然,如果你想在这个404页面里面加点随机的文章、链接、内链啥的,就不要用这个代码了,这个代码,我只是举个例子而已。
Apache伪静态规则
RewriteEngine on RewriteRule ^404.html$ 404.php
Nginx伪静态规则
rewrite ^/404.html$ /404.php;
就这样就完成了,注意看自己服务器的环境,然后,选择相对应的伪静态规则就好了。
本文结束
评论专区
发表评论
评论列表(无评论)