Day 20：设定 404 页面，不要让读者迷路了！

当网站建立一段时间，或多或少可能会有页面因为时间推移改变或是删除了，但此时页面已经被搜寻引擎收录或是说有人将网址转贴到其它地方，如果有人进入了该网址却发现已经失效了，不免让人感到尴尬。

以 Github Pages 来说预设有提供一个 404 页面，而且 404 上显示的也不是你的网站，因此无助於将读者留在自己的网站里。此时建议可以新增一个属於自己部落格的 404 页面，这样就算该网址内容已被移除，还是能多少留住一些读者，也有利於 SEO。

建立 Hexo 404 页面

先透过指令建立页面：

hexo new page 404

建立好後利用编辑器开启页面 .md 档，并增加以下语法：

---
title: 404 错误
date: 2021-09-08 13:50:44
type: categories
comments: false
permalink: /404.html
description: 很抱歉，找不到您想要存取的页面。您可以经由以下分类找到您想要的内容。
---

其中：

• 我增加 type 为 categgories，以至於取得目前 Hexo 的分类
• 增加 permalink: /404.html，这样才能在读者存取不存在页面时显示 404 页面
• 增加 description 并设定提示讯息（内容可自行设定）

当然这是我的设定方式，你不一定要跟我这麽做。你也能够不去设定 type 为分类，而是自己撰写页面内容或是放张图也可以。

另外在本机服务器上是没有效果的，所以你可以直接到 http://localhost:4000/404/ 页面查看编辑状况，在部署到 Github Pages，乱输入一个不存在的页面网址确认。

参考资料

• (23) 试着学 Hexo - SEO 篇 - 新增你的 404 页面
• 香肠炒鱿鱼
  • 会有 404 页面放置分类列表的想法，就是从他的 404 页面参考而来的～

本篇文章同步发布於我的部落格 Gui Blog