Nginx 配置有爱心的 404

之前我是不太在乎 404 页面的，一是我基本不会修改网页的地址，搜索过来的时候都能准确访问。二是我默认看我博客的都是技术人员，他们可以很容易的找到首页地址，虽然我的博客可能不会让他们有那么大的动力这么干。

但是，今天我想配置上 404 的页面，一个有爱心的 404 页面

作为一名老父亲，看到这些丢失的孩子，心里是感觉被揪了一下的。如果你也想在自己的站点加一个这样的 404 页面，可以接着看下去。

这个页面是由益云提供的，这是他们的网址 https://yibo.iyiyun.com/Home/Index/web404

点击进入后根据自己的需求选择完成后，点击生成代码即可

复制生成的代码，黏贴你自己的 404.html 的 body 标签中即可。

然后怎么在网站中生效呢？如果你之前配置过，那现在刷新页面就已经生效了。如果像我一样没有配置过，那只要在 Nginx 中做一些小改动即可

1 2 3 4 5 6 7 8 9 10 11 12

server { ... error_page 404 404.html; location /404.html { # 配置 404.html 的目录 root /www/wxnacy.github.io/nginx/html; } ... }

在你的 server 标签中也做如上配置即可，root 改成你存放 404.html 页面的目录

重新加载配置

1 2	$ nginx -t # 测试配置是否通过 $ nginx -s reload # 重新加载

再次访问网站的 404 页面即可生效。

需要注意的一点，他默认提供的代码中，给的是 http:// 开头的网址，如果你的网站是 https 的话，那会请求失败，所以需要手动改成 https。

说到公益 404，印象比较深的是微信公众号里的 web 页面，如果网页提供者返回了 404 状态，那微信就会强制显示这个公益的 404 页面，而提供者的页面就会被覆盖。虽然这是件有爱心的事，但做法却有点耍流氓，你也不能强制别人献爱心啊。

最后呢，希望我的一点小小的举动，可以给身处黑暗中的孩子一点莹莹星火，让他们可以早点找到家的方向。