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

收心

发布于 2023-02-25 09:44:53

7960

发布于 2023-02-25 09:44:53

文章被收录于专栏：Java实战博客

本页目录

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

在你的Nginx配置添加配置。

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

        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

<!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即可！

<!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>

局部效果

做点公益事件吧!