hexo博客怎样自定义404页面

时间:2021-11-18 来源:未知网络 作者:996建站网

## 前言
今天看了下我的博客“长ping”关键词竟然排到了谷歌搜索结果的第一位!但是昨天更新了所有文章的url地址,谷歌并没有及时抓取最新内容。所以导致这个排名第一的网页,用户打开之后看不到内容,这样的用户体验是绝对无法忍受的!于是,就有了自定义404页面的需求。本文记录了将404页面重定向到网站首页,并引导客户在网站内进行搜索的具体操作步骤。

hexo博客怎样自定义404页面插图

## 操作步骤
以下操作步骤适用于任何主题,不管你是hexo还是其他主题,操作步骤都一样。

1. 在博客主题的source文件夹下面创建`404.html`,这个html文件就是用来自定义404页面的。
比如我是next主题的博客,就是在`\themes\next\source`路径下创建`404.html`

hexo博客怎样自定义404页面插图1

2. 接下来编辑这个html文件,写入自定义404页面的内容,我用了腾讯的公益404页面,以下代码供参考:
> !!注意:请将以下代码中的`dana5haw.com`替换为你的网站首页,`返回主页(您可以进入首页继续搜索)`替换为引导用户回到网站首页的引导语。

> js文件的地址可能会有更新,请以腾讯官方代码为准

hexo博客怎样自定义404页面插图1

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://dana5haw.com" homePageName="返回主页(您可以进入首页继续搜索)"></script>
</body>
</html>

hexo博客怎样自定义404页面插图2

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序