正在读取数据,页面载入中,请稍后...

404页面如何设置伪静态?404页面伪静态的设置方法

很多的站长,想把404页面做成伪静态的,因为PHP可以码代码,你懂的吧。把404页面做成伪静态的好处:那就是可以在404页面码代码,这是一个很潮的做法,还能增加网站内链哦。

404页面里面码代码,把404页面做成伪静态的就行了。如果是HTML的话,如果你想加点随机的文章、链接、内链啥的,都不好加,只能固定,要是做成伪静态的,因为PHP可以码代码,你懂的吧。很多站长都在用,这是一个很潮的做法,还能增加网站内链哦。

教程开始

404页面如何设置伪静态?404页面伪静态的设置方法 - 全民博客

先新建一个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;

就这样就完成了,注意看自己服务器的环境,然后,选择相对应的伪静态规则就好了。

本文结束

评论专区

发表评论

评论列表(无评论)