在 DedeCMS 中，404 页面并不是一个像 index.html 或 article_article.html 那样的独立模板文件，它更像是一个“配置项”，指向一个你预先创建好的 HTML 文件，当系统出现 404 错误时，它会将用户重定向到你指定的这个页面。
下面我将分步详细说明如何设置和使用 DedeCMS 的 404 页面。
第一步：创建你的 404 页面 HTML 文件
你需要设计并创建一个自定义的 404 页面，这个页面可以是一个纯 HTML 文件，也可以包含 CSS 和 JavaScript 来实现更丰富的效果。
创建文件：
在你的网站根目录（与 index.php 同级的目录）下，创建一个名为 html 的文件。
建议：**
一个好的 404 页面应该包含以下元素：
- 清晰的错误提示： 明确告诉用户“您访问的页面不存在”或“404 - 页面未找到”。
- 友好的引导： 提供返回网站首页的链接，这是最重要的。
- 网站导航： 可以提供网站的地图、热门文章列表等，帮助用户找到他们可能感兴趣的内容。
- 搜索框： 如果用户记错了网址，可以提供一个搜索框让他们尝试搜索。
- 美观的设计： 设计风格应与你的网站保持一致，不要让用户感到突兀。
示例 html 代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">404 - 页面未找到 - [你的网站名称]</title>
<style>
body { font-family: 'Microsoft YaHei', Arial, sans-serif; background-color: #f4f4f4; text-align: center; padding-top: 100px; }
.error-container { background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: inline-block; }
h1 { color: #e74c3c; font-size: 72px; margin: 0; }
p { color: #555; font-size: 18px; margin: 20px 0; }
a { color: #3498db; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }
</style>
</head>
<body>
<div class="error-container">
<h1>404</h1>
<p>抱歉，您访问的页面不存在或已被移除。</p>
<p>请检查您输入的网址是否正确。</p>
<p>
<a href="[!--news.url--]">返回网站首页</a>
</p>
</div>
</body>
</html>
代码说明：
[!--news.url--]：这是 DedeCMS 的一个全局标签，会自动替换为你的网站首页地址，使用它比直接写http://www.yoursite.com更好，因为网站更换域名时无需修改此文件。
第二步：在 DedeCMS 后台设置 404 页面
创建好 html 文件后，你需要登录 DedeCMS 后台进行配置。
-
登录后台： 使用管理员账号登录你的 DedeCMS 后台。
-
进入系统设置： 在左侧菜单栏中，找到并点击 【系统】 -> 【系统基本参数】。
（图片来源网络，侵删） -
修改错误页面设置：
- 在“系统基本参数”页面中，选择左侧菜单的 【核心设置】。
- 找到 “自定义错误页面” 这一栏。
- 在 “404 页面” 的输入框中，输入你刚刚创建的文件名，即
/404.html。 - 重要： 必须以斜杠 开头，这表示网站根目录。
-
保存设置： 点击页面底部的 【保存】 按钮。
第三步：配置服务器（至关重要的一步）
仅仅在 DedeCMS 后台设置是不够的！你还需要告诉 Web 服务器（如 Apache 或 Nginx），当遇到 404 错误时，应该显示你自定义的 html 页面，并返回正确的 HTTP 状态码。
Apache 服务器配置
如果你使用的是 Apache 服务器，需要修改 .htaccess 文件，这个文件通常位于你的网站根目录下，如果不存在，请创建一个。
在 .htaccess 文件中添加以下代码：
# Custom Error Pages ErrorDocument 404 /404.html
代码说明：
ErrorDocument 404：指定处理 404 错误。/404.html：指定要显示的页面路径，同样以 开头。
重启 Apache： 保存 .htaccess 文件后，可能需要重启 Apache 服务才能生效。
Nginx 服务器配置
如果你使用的是 Nginx 服务器，需要修改 Nginx 的配置文件（通常在 /etc/nginx/sites-available/ 目录下，或者在宝塔面板中直接编辑网站配置）。
在 server 块中添加以下代码：
error_page 404 /404.html;
location = /404.html {
internal;
root /path/to/your/website; # 替换为你的网站根目录绝对路径
}
代码说明：
error_page 404 /404.html;：将 404 错误重定向到/404.html。location = /404.html { ... }：专门处理对html的请求。internal;：这是一个非常重要的指令，它表示这个location块只能用于内部的重定向（即由 Nginx 自己产生的错误重定向），防止用户直接通过浏览器访问yourdomain.com/404.html。root /path/to/your/website;：指定html文件所在的根目录，请务必将路径修改为你自己的网站路径。
重启 Nginx： 保存配置文件后，执行 nginx -s reload 或在控制面板中重启 Nginx 服务。
第四步：测试 404 页面
完成以上所有步骤后,你需要测试一下配置是否成功。
- 在浏览器中访问一个你网站中肯定不存在的页面,
http://www.yoursite.com/a-page-that-does-not-exist.html - 页面应该会显示你自定义的
html- 检查浏览器开发者工具 (F12)：
- 切换到 Network (网络) 选项卡。
- 刷新页面,找到那条 404 请求。
- 查看 Status (状态) 列，它应该显示
404 (Not Found)。 - 如果状态码是
200 (OK)，说明服务器配置有误，它把你的 404 页面当成了一个正常页面来显示，这对 SEO 是不利的。
- 检查浏览器开发者工具 (F12)：
| 步骤 | 操作 | 文件/位置 | 关键点 |
|---|---|---|---|
| 1 | 创建页面 | 网站根目录 /404.html |
设计美观，包含返回首页的链接，使用 [!--news.url--]
|
| 2 | 后台配置 | DedeCMS 后台 -> 系统 -> 系统基本参数 -> 核心设置 | 在“404 页面”输入框中填入 /404.html 并保存。 |
| 3 | 服务器配置 | Apache: .htaccess Nginx: 网站配置文件 |
Apache: 添加 ErrorDocument 404 /404.html Nginx: 添加 error_page 404 /404.html; |
| 4 | 测试验证 | 浏览器访问不存在的URL | 检查页面内容是否正确，并使用开发者工具确认 HTTP 状态码为 404。 |
遵循以上步骤,你就可以成功为你的 DedeCMS 网站设置一个专业且对用户友好的 404 错误页面了。
