加入公益官方地址: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博客搜索:标题关键字。以获取全部资料 ❤