hexo添加404页面

  • 之前刚开始写博客的时候弄了好久都不知道怎么做个404页面出来，今天又突然想起想要做个404页面，翻了很久资料终于找到怎么弄了

  • 参考博客： https://hehung.top/2019/89541f63.html

效果如下

img

步骤

  • 新建一个404.md

    • 在hexo的source文件夹下创建一个404.md的文件，填入一下内容：

      1
      2
      3
      4
      5
      6
      7
      8
      ---

      title: 404
      date: 2020-6-6 11：11:11
      type: "404"
      layout: "404"

      ---

  • 创建一个404.ejs文件

    • 在此文件下写404页面相关内容
    • 在相应的主题文件夹下的layout文件夹下创建
    • 我的404页面是在codepen上下载的，codepen是一个在线前端开发工具，可以随时体验各位前端开发人员的代码，平时也可以拿来练手做小demo
    • 下载下来后就可以把你喜欢的页面和样式加到404.ejs文件里面了

  • 注：本地不可以看到404页面，需运行到服务端才可看见