个人博客搭建笔记----在自己的主题中添加自定义的404页面

我们在网上经常可以看见一些自定义的404页面，虽然404是一件悲伤的事情，但是有好看的界面的话多少会开心一点，为了更好的用户体验，弄一个自定义的404页面是很必要的

既然自定义的404页面这么重要，那自己定义的博客又怎么能少了呢

我在自己的主题里面添加了自定义的404页面，如图所示（虽然也说不上好看，但至少比默认的好一些）

（ps：我自己已经搭建了一个主题可以使用，在github上有相关的使用指南，喜欢或者能够从中有所收获就帮忙点个star吧~，这也是我主题和博客继续更新的动力）

那么接下来就进入本文的主题了，在hexo中，支持我们创建自己的page，并且会把page放到路由中，而404页面的创建，只需要在根目录的source文件夹下创建一个404.md文件，写入如下内容

---
title: 404
date: 2020-02-29 16:43:45
type: "404"
layout: "404"
---

这样子就会有一个404的页面了，但是要具体404的实现，在本地是看不到的，要部署后才能看到，为了能在本地看到，我在根目录的文件夹下创建了404文件夹，并在里面新建了一个index.md，这里也可以直接使用hexo new page 404来创建

在这个index.md里面，写入和上面一样的内容

这样在本地输入http://localhost:4000/404/就可以看到404页面了

接下来做一下自定义的内容，在我的主题中，我通过在layout中假如404.ejs，使用辅助函数is_page()和判断当前页面的标题即page.title是否为404（这里就是我们上面写的内容的title），如果是的话，就将404.ejs里面的内容引入，否则就是用别的内容

<% if(is_page()&&page.title == '404'){ %>
	<%- partial('404.ejs') %>
<% }else{ %>
	<!-- ... -->
<% } %>

在404.ejs写入自定义的内容即可