Vercel 上 Hexo 博客的 404 页面定制方法

在 Vercel 上架设自己的 Hexo 博客是一个很棒的选择，因为 Vercel 提供了高性能和便捷性能的支持。但是，访问不存在的页面时出现默认的 404 错误页面，真是有够丑的。
在这种情况下，如何为你的 Hexo 博客添加一个自定义的 404 页面呢，网上资料是真的少，想到这几天用的routes，突然想到可以这么做，方法如下：

第一步：创建 vercel.json 文件

首先，我们需要在你博客的根目录或者soruce目录(根目录下的，其实主题的source里也可以，不过为了统一，还是用根目录下的) 下创建一个名为 vercel.json 的文件。在该文件中，我们可以添加以下内容：

{"routes": [{"source": "/(.*)", "destination": "/404.html"}]}

这个配置告诉 Vercel，当访问任何不存在的页面时，都将重定向到 /404.html 页面。
PS. 在这里只能用 /404.html 而不是 /404/index.html 或 /404，因为 Vercel 只认根目录下的 404.html 文件，文件夹无效

第二步：创建 404 页面

接下来，在 Hexo 博客根目录的 source 目录(其实主题的source里也可以，不过为了统一，还是用根下的)下创建一个名为 404.md 的文件。这个文件将成为你的自定义 404 页面。
在 404.md 文件中，你可以像编写普通栏目一样添加任何你喜欢的内容。你可以写一些友好的提示信息，或者提供一些导航链接，让别人方便地继续浏览你的博客。

第三步：部署到 Vercel

完成以上两个步骤后，我们可以将 Hexo 博客部署到 Vercel 上了。在命令行中执行相应的指令，将你的博客上传到 Vercel 平台。Vercel 将会自动识别并应用你在 vercel.json 文件中定义的路由规则。当用户访问不存在的页面时，将会显示你在 404.md 文件中编写的自定义内容。

通过以上简单的步骤，OK了，这里可以预览一下我的404，下面的这个链接是不存在的，可以直接跳到404

https://blog.del.pub/hello_world

嗯，就这样，希望本文对你有所帮助！