design a 404 Page

[upupming]

I want to create a new issue

• Yes, I have read FAQ.
• Yes, I have read Hexo Docs page, especially Templates, Variables, Helpers and Troubleshooting.
• Yes, I have read Hexo-theme-melody Documentation.
• And yes, I already searched for current issues and this is not help to me.

Melody Information

Melody Version: 1.5.6

Platform: ubuntu 18.04

Browser: Chrome

Expected behavior

404 page doesn't need comments, like below:

Actual behavior

But now it has comments:

The corresponding code is in /layout/page.pug:

else
    article#page
      h1= page.title
      .article-container!= page.content
    include includes/pagination.pug
    if page.comments !== false
      include includes/comments/index.pug

I originally intended to change else to else if page.type !== 'error' to disable comments on 404 page, but I think we can go further.

How about design a brilliant 404 error pages?

[Molunerfinn]

It's one of the v1.6 plans: https://github.com/Molunerfinn/hexo-theme-melody/projects/1

[upupming]

By the way, it seems that the license image is down, doesn't it?

[Molunerfinn]

Nope...may be it's your network problem.

[upupming]

Sorry, it is my problem!

[Molunerfinn]

Full Sreen Background Image 404 Page

[upupming]

Cool, is this the final version or just an idea?

[Molunerfinn]

Final version & the text can be configured

[upupming]

It's very simple but prominent, and I'm totally in favor of this stylish design.
Will it be shipped in the next minor version of melody? I cannot wait! 😄

[Molunerfinn]

v1.7 is coming soon after I finished the docs

[Kiyo5hi]

@Molunerfinn I know this might be stupid, but why my hexo is not generating the 404 page? I've already updated the theme and also updated my config file.

[Molunerfinn]

http://yoursite.com/404.html

[upupming]

@Kiyo5hi Did you forget to modify the 404.md file under the source folder?
Yeah, @Molunerfinn is right!
Finally, it is up and running on my website: https://upupming.site/404.html

For those want to copy the source/404.md:

---
title: 404
layout: 404
permalink: /404
---

[Kiyo5hi]

@upupming @Molunerfinn Got it now. I've tried doing some similar stuff but did not know that I need to add permalink loll