PaperMod doesn't display image

[MVP-Harry]

Hi,

I can't get my website to display images. Not sure if this is a bug. It would be highly appreciated if someone can help me. Sorry if this is noobish.

I have tried four ways to display the image:

1. Use absolute path to the file on my local computer (probably doesn't work)
2. Copy the file to the same directory as the document and use relative path (suggested by stackoverflow post)
3. Copy the file to /static/image/test_image.jpg
4. Upload it to an online hosting website, still doesn't work.

Result:

Thanks! :D

[nielsbrakel]

Can you share your project structure?

[MVP-Harry]

@nielsbrakel
.
├── archetypes
│   └── default.md
├── config.toml
├── content
│   ├── archives.md
│   └── posts
│   ├── Christmas Playlist.md
│   ├── Christmas Resolution.md
│   ├── Purpose of This Blog.md
│   └── test_image.jpg
├── data
├── layouts
│   └── partials
│   ├── extend_head.html
│   └── math.html
├── public
│   ├── 404.html
│   ├── archives
│   │   └── index.html
│   ├── assets
│   │   ├── css
│   │   └── js
│   ├── categories
│   │   ├── blog
│   │   ├── index.html
│   │   ├── index.xml
│   │   ├── music
│   │   └── plan
│   ├── images
│   │   ├── test_image.jpg
│   │   └── wp4575206-4k-galaxy-wallpapers.jpg
│   ├── index.html
│   ├── index.xml
│   ├── page
│   │   └── 1
│   ├── posts
│   │   ├── christmas-playlist
│   │   ├── christmas-resolution
│   │   ├── index.html
│   │   ├── index.xml
│   │   ├── math
│   │   ├── new_blog
│   │   ├── page
│   │   ├── purpose-of-this-blog
│   │   └── test_image.jpg
│   ├── README.md
│   ├── sitemap.xml
│   └── tags
│   ├── blog
│   ├── christmas
│   ├── hugo
│   ├── index.html
│   ├── index.xml
│   ├── music
│   ├── other
│   └── plan
├── resources
│   └── _gen
│   ├── assets
│   └── images
├── static
│   └── images
│   ├── test_image.jpg
│   └── wp4575206-4k-galaxy-wallpapers.jpg
├── structure.md
└── themes
└── PaperMod
├── assets
├── go.mod
├── i18n
├── images
├── layouts
├── LICENSE
├── README.md
└── theme.toml

44 directories, 31 files

[nielsbrakel]

I use the following folder structure:

├── content
│ ├── archives.md
│ └── category
│ │ ├── blog-a
│ │ │ ├── index.md
│ │ │ ├── picture.jpg
│ │ ├── blog-b
│ │ │ ├── index.md
│ │ │ ├── picture.jpg

And then in for example in blog-a I use the following markdown to show the image:

![Alt text of image](/category/blog-a/picture.jpg "Image title")

Keep in mind the path can differ when using multiple languages and or other baseUrl's. But hopefully this helps a little.