0%

2019-09-04 设置hexo 下next主题的404页面

设置hexo 下next主题的404页面

参考https://kaigedong.github.io/2018/04/13/Hexo-NexT%E4%B8%BB%E9%A2%98%E7%9A%84404%E9%A1%B5%E9%9D%A2/

按照Next官网的做法, 设置404.html,则每次hexo generate都会将这个html 重新生成。并不可行。

查找github的解决办法,有个skip_render参数,可以让hexo忽略某个文件,不进行生成,而直接拷贝(对我来说并不可行)。

经过多番尝试,有了下面的解决办法:

腾讯404页面介绍:

腾讯404页面中给了接入公益404的办法:

1
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://yoursite.com/yourPage.html" homePageName="回到我的主页"></script>

解决办法:创建404.md而不是404.html

于是,我直接将source下新建了个404.md,

内容: (设置comments是因为即使页面会被腾讯404覆盖,但生成的html代码依然有comments的内容需要加载。)

创建404.md

404.md的内容

1
2
3
4
5
---
comments: false
---

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" homepagename='返回主页' homepageurl="/" charset="utf-8"></script>

修改theme/_config.yml文件

然后将theme中的menu的404进行设置(最后一行):

1
2
3
4
5
6
7
8
9
menu:
home: / || home
about: /about/ || user
tags: /tags/ || tags
categories: /categories/ || th
archives: /archives/ || archive
#schedule: /schedule/ || calendar
#sitemap: /sitemap.xml || sitemap
commonweal: /404.html || heartbeat #草梅友仁备注:其实 /404.html 或 404.html应该都可以

大功告成!

效果

参考本站的404页面https://blog.cmyr.ltd/404.html

mark

本文作者:草梅友仁
本文地址: https://blog.cmyr.ltd/archives/e85d425e.html
版权声明:转载请注明出处!

坚持原创技术分享,您的支持将鼓励我继续创作!