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

原理先知

管他是什么公益页面，不管怎么样，他就是一个Html。既然是一个Html，我们让在没找我们有效页面的时候跳转就是喽！所以第一步：弄一个Html页面。第二步：配置无效页面指向我们刚才的404页面。

造一个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>

在你的Nginx配置添加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;
        }

记得重启Nginx哦！不然看不到效果

全局效果

点我查看：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>

局部效果

做点公益事件吧!

你好，公益！本页面是局部公益页面

特殊说明：
上述文章均是作者实际操作后产出。烦请各位，请勿直接盗用！转载记得标注原文链接：www.zanglikun.com
第三方平台不会及时更新本文最新内容。如果发现本文资料不全，可访问本人的Java博客搜索：标题关键字。以获取最新全部资料 ❤