404 page not rendering correctly

[royfrancis]

I have a quarto website which renders correctly except for the 404 page.

When previewing, the 404 page looks fine.

quarto preview

When rendered, the 404 page is missing css styling and image path is broken too.

quarto render

This is the only page on the entire website that is misbehaving. And I don't think I am treating this page in any special way. I have uploaded the rendered files to github pages and it's broken there too. The same image path when on another page seems to work fine.

My directory structure looks like:

.
├── 404.qmd
├── assets
│   └── 404.png
├── index.qmd
├── _quarto.yml
└── _site
    ├── 404.html
    ├── assets
    │   └── 404.png
    ├── index.html
    ├── search.json
    └── site_libs

_quarto.yml

project:
  type: website

website:
  title: "Website"
  navbar:
    left:
      - text: Home
        href: "index.html"

format: html

404.qmd

---
pagetitle: "404: Page not found"
format: html
---

![](assets/404.png)

# 404: Page not found

index.qmd

---
format: html
---

# Hello

This is the index page.

quarto 1.2.335

[mcanouil]

I cannot reproduce, i.e., I added a quick and dirty 404.qmd to my website following the documentation (see https://quarto.org/docs/websites/website-navigation.html#pages-404) and had no issue¹.
See mcanouil/mickael.canouil.fr#85 and website preview at https://deploy-preview-85--mickaelcanouil.netlify.app/.

Footnotes

1. note that I can't use 1.2 because my website requires 1.3 for Mastodon rel. attribute which is only in 1.3. ↩

[ghost]

Moved to #5284