第一种公益404页面代码以及效果图
<!DOCTYPE html>
<meta charset="utf-8"/><meta name="referrer" content="no-referrer">
<script src="//cdn.zhaolinlang.com/cdn.dnpw.org/404/v4.min.js" maincolor="#F00" tips="爱生日网 - 404公益错误页面提示：（点击鼠标右键-查看网页源代码-可按教程设置本页公益404页面" error="" jumptime="-1" jumptarget="/" charset="utf-8"></script>
<script>
function diy(){
}
</script>
<!--
《传递公益，分享爱，爱生日网邀请您加入404公益。操作步骤如下：》
1.请直接复制本页代码保存为：404.html放在网站根目录;
2.然后设置文件内容 Apache 服务器文件名为：.htaccess 设置内容如下：
1111111111111111111111111111111111请直接复制横线内的代码1111111111111111111111111111111111
# 规则：如果请求的文件或目录实际存在，则直接访问（不重写）
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
# 若文件和目录都不存在，跳转到404页面（确保404.html存在于根目录）
RewriteRule ^ - [R=404,L]
1111111111111111111111111111111111请直接复制横线内的代码1111111111111111111111111111111111
3 Nginx 服务器文件名为：nginx.conf 设置内容如下：
1111111111111111111111111111111111请直接复制横线内的代码1111111111111111111111111111111111
server {
listen 80;
server_name www.aishengri.com; # 你的域名
root /var/www/aishengri; # 网站根目录
# 核心：处理URL请求
location / {
# 先尝试访问实际文件/目录，不存在则跳404
try_files $uri $uri/ =404;
# 若你的网站有PHP处理（如ThinkPHP、WordPress等），需保留PHP解析规则
# 例如：
# if (!-e $request_filename) {
# rewrite ^(.*)$ /index.php?s=$1 last;
# break;
# }
}
# 定义404页面路径（确保404.html存在于根目录）
error_page 404 /404.html;
location = /404.html {
internal; # 仅允许内部跳转，不允许直接访问
}
# PHP解析配置（根据实际情况保留）
location ~ \.php$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
include fastcgi_params;
}
}
1111111111111111111111111111111111请直接复制横线内的代码1111111111111111111111111111111111
欢迎加入404公益，使用说明如下：
src：加载资源域名，递增可能有其他样式；
maincolor: 主题色调或高亮色，可配合您站点主色进行配置；
jumptime: 自动跳转时间，单位秒，-1为手动点击跳转；
jumptarget：自动跳转目标网址，默认 / 网站首页；
tips: 页面短提示，客户端语言为中文默认为“错误提示”，其他为“Oops!”；
error：页面长提示，客户端语言为中文默认为“该页面找不到或已被删除”，其他为“The page was not found”；
function diy()}内可以写入自己的javascript代码，用于如修改页面元素等，会在页面加载完成后立即执行；
你还可以新增CSS代码并利用!important特性，覆盖页面样式；
项目主页:
https://www.dnpw.org/404
-->
第二种公益404页面代码以及效果图
<!DOCTYPE html>
<meta charset="utf-8"/><meta name="referrer" content="no-referrer">
<script src="//cdn.zhaolinlang.com/cdn.dnpw.org/404/v1.min.js" maincolor="#f00" jumptime="-1" jumptarget="/" tips="404" error="" charset="utf-8"></script>
<script>
function diy(){
}
</script>
欢迎加入404公益，使用说明如下：
src：加载资源域名，递增可能有其他样式；
maincolor: 主题色调或高亮色，可配合您站点主色进行配置；
jumptime: 自动跳转时间，单位秒，-1为手动点击跳转；
jumptarget：自动跳转目标网址，默认 / 网站首页；
tips: 页面短提示，客户端语言为中文默认为“错误提示”，其他为“Oops!”；
error：页面长提示，客户端语言为中文默认为“该页面找不到或已被删除”，其他为“The page was not found”；
function diy()}内可以写入自己的javascript代码，用于如修改页面元素等，会在页面加载完成后立即执行；
你还可以新增CSS代码并利用!important特性，覆盖页面样式；
项目主页:
https://www.dnpw.org/404
第三种公益404页面代码以及效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/><meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<title>404 Not Found</title>
<link type="text/css" rel="stylesheet" href="//cdn.zhaolinlang.com/cdn.dnpw.org/project/404/0/common/404.new.css?v3"/>
</head>
<body>
<main>
<section class="mod_404">
<div class="child_box">
<span class="frt"><img src="/favicon.ico" width="32px" onerror="this.style='display:none'"></span>
<div class="child_avatar" id="photo"></div>
<div class="child_info">
<div class="info_item info_birth">
<span class="info_lbl">姓名性别：</span>
<span class="item_inner" id="namesex">loading</span>
</div>
<div class="info_item info_birth">
<span class="info_lbl">走失大概：</span>
<span class="item_inner" id="ageheight">loading</span>
</div>
<div class="info_item info_birth">
<span class="info_lbl">出生日期：</span>
<span class="item_inner" id="born_date">loading</span>
</div>
<div class="info_item info_time">
<span class="info_lbl">走失时间：</span>
<span class="item_inner" id="missingtime">loading</span>
</div>
<div class="info_item info_address">
<span class="info_lbl">线索电话：</span>
<span class="item_inner" id="contact">loading</span>
</div>
<div class="info_item info_address">
<span class="info_lbl">走失地点：</span>
<span class="item_inner" id="missingaddress"></span>
</div>
<div class="info_item info_desc">
<span class="info_lbl">典型特征：</span>
<span class="item_inner" id="feature">loading</span>
</div>
<span class="closeDetail">收起</span>
</div>
</div>
</section>
<section class="collage-404">
<h1>404</h1>
<div class="collage-404-images">
</div>
</section>
<section class="message-404">
<h1>您访问的页面找不到了</h1>
<h2>但我们可以一起找回走失的他们</h2>
<p>Oops,the page can't be found</p>
</section>
<div class="explore-cta">
<a href='/' target='_self' class="back"> 继续浏览 </a>
<a href="javascript:history.go(-1);" target='_self' class="back"> 后退上页 </a>
</div>
</main>
<script src="//cdn.zhaolinlang.com/cdn.dnpw.org/project/404/0/common/404.new.js"></script>
</body>
</html>
第四种公益404页面代码以及效果图
<!DOCTYPE html>
<meta charset="utf-8"/><meta name="referrer" content="no-referrer">
<script src="//cdn.zhaolinlang.com/cdn.dnpw.org/404/v2.min.js" maincolor="#F00" tips="" error="" jumptime="-1" jumptarget="/" charset="utf-8"></script>
<script>
function diy(){
}
</script>
<!--
欢迎加入404公益，使用说明如下：
src：加载资源域名，递增可能有其他样式；
maincolor: 主题色调或高亮色，可配合您站点主色进行配置；
jumptime: 自动跳转时间，单位秒，-1为手动点击跳转；
jumptarget：自动跳转目标网址，默认 / 网站首页；
tips: 页面短提示，客户端语言为中文默认为“错误提示”，其他为“Oops!”；
error：页面长提示，客户端语言为中文默认为“该页面找不到或已被删除”，其他为“The page was not found”；
function diy()}内可以写入自己的javascript代码，用于如修改页面元素等，会在页面加载完成后立即执行；
你还可以新增CSS代码并利用!important特性，覆盖页面样式；
项目主页:
https://www.dnpw.org/404
-->
第五种公益404页面代码以及效果图
<!DOCTYPE html>
<meta charset="utf-8"/><meta name="referrer" content="no-referrer">
<script src="//cdn.zhaolinlang.com/cdn.dnpw.org/404/v3.min.js" maincolor="#f00" tips="" error="" jumptime="-1" jumptarget="/" charset="utf-8"></script>
<script>
function diy(){
}
</script>
<!--
欢迎加入404公益，使用说明如下：
src：加载资源域名，递增可能有其他样式；
maincolor: 主题色调或高亮色，可配合您站点主色进行配置；
jumptime: 自动跳转时间，单位秒，-1为手动点击跳转；
jumptarget：自动跳转目标网址，默认 / 网站首页；
tips: 页面短提示，客户端语言为中文默认为“错误提示”，其他为“Oops!”；
error：页面长提示，客户端语言为中文默认为“该页面找不到或已被删除”，其他为“The page was not found”；
function diy()}内可以写入自己的javascript代码，用于如修改页面元素等，会在页面加载完成后立即执行；
你还可以新增CSS代码并利用!important特性，覆盖页面样式；
项目主页:
https://www.dnpw.org/404
-->
- THE END -
本文来源：非特殊说明，本站文章均为原创 | 本站部分文章来源于网络，若侵犯了您的权益，请附说明联系删除
如若转载，请注明出处：https://www.aiyuai.cn/archives/879.html | 爱与爱资源网-传递的不仅仅是知识
共有 0 条评论---（要不...来一句吧，实再不行抽一根也中！）