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

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

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

我在自己的主题里面添加了自定义的404页面,如图所示(虽然也说不上好看,但至少比默认的好一些)
个人博客搭建笔记----在自己的主题中添加自定义的404页面_第1张图片

(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写入自定义的内容即可

你可能感兴趣的:(hexo)