2 分钟阅读
https://gohugo.io/templates/404/
如果您知道如何创建单页模板,那么您可以无限制地创建自定义404页面。
当使用 Hugo 与 GitHub Pages 时,可以通过在 layouts
文件夹的根目录中创建 404.html
模板文件来提供 自定义的404 错误页面。当 Hugo 生成您的站点时,404.html
文件将被放置在根目录中。
404 页面将拥有可用于模板的所有常规页面变量。
除了标准页面变量外,404 页面还可以从 .Pages
访问所有站点内容。
|
|
这是一个基本的404.html模板示例:
以下是一个基本的 404.html
模板示例:
layouts/404.html
|
|
您的 404.html
文件可以在访问者输入错误的 URL 路径时自动加载,具体取决于您正在使用的 Web 服务器环境。例如:
.htaccess
文件中指定 ErrorDocument 404 /404.html
。nginx.conf
文件中指定 error_page 404 /404.html;
。详情在此。handle_errors
指令为一个或多个状态码指定错误页面。详情在此。content/_redirects
中添加 /* /404.html 404
。详情在此staticwebapp.config.json
中设置 responseOverrides.404.rewrite
和 responseOverrides.404.statusCode
。详情在此Error document path
。详情在此。error_document
或使用控制面板设置错误文档。详情在此。/404.html
自动用作404页面。 hugo server
不会自动加载您的自定义 404.html
文件,但是您可以通过将浏览器导航到/404.html
来测试您的自定义"not found"页面的外观。