让你的404页面参与公益事业中

2023-02-25 09:44:53 浏览数 (1)

本页目录

  • 加入公益官方地址:www.qq.com/404/
  • 在你的Nginx配置添加配置。
  • html文件夹放入404.html
  • 全局效果
  • 局部公益广告
  • 你好,公益!本页面是局部公益页面

加入公益官方地址:www.qq.com/404/

在你的Nginx配置添加配置。

注意经过测试:一个server块允许多个 error_page,但应该要注意Http状态码在多个error_page不要重复!

代码语言:javascript复制
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        error_page   404  /404.html;
        location = /404.html {
            root   html;
        }

html文件夹放入404.html

代码语言:javascript复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>做点公益事件吧!</title>
    <script src="https://volunteer.cdn-go.cn/404/latest/404.js"></script>
</head>
<body>

</body>
</html>

全局效果

点我查看:https://www.zanglikun.com/16423.html

局部公益广告

引入script的时候,指向作用的div的ID即可!

代码语言:javascript复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>做点公益事件吧!</title>
    <script src="https://volunteer.cdn-go.cn/404/latest/404.js" rendertarget="justfor404"></script>
</head>
<body>
<h1>你好,公益!本页面是局部公益页面</h1>
<div id="justfor404" style="width:1000px;height:400px"></div>
</body>
</html>

局部效果

做点公益事件吧!

你好,公益!本页面是局部公益页面

特殊说明: 第三方平台不会及时同步本文章最新内容,如果觉得本文资料不全,可以访问本人Java博客搜索:标题类似的关键字 上述文章均是我实际操作后产出,烦请各位,请勿直接盗用!转载记得标注原文链接:www.zanglikun.com

0 人点赞