Fix image display in Knowledge Base

[f-rower]

SOLUTION (see thread below): Always create a new folder for a file Name the file _index.md Images and other media: you can create a subfolder (e.g. named "media"), where you put all your images. You can reference each image in the file as media/photoname.jpg

Possible sources of the issue: Hugo.toml file settings

• baseURL
• canonifyurls=true or false
• relativeurls=true or false
• GitHub_doc_repository
• GitHub_doc_repository_path Image paths not set correctly In ADViCE challenges report: Line 472:
• https://github.com/alan-turing-institute/ADViCE/blob/f242cd641f2522ec7280566320edb594c878b799/content/Reports/ADViCE%20Challenges%20Report/000.jpg
• Leads to: https://github.com/alan-turing-institute/ADViCE/blob/f242cd641f2522ec7280566320edb594c878b799/content/Reports/ADViCE%20Challenges%20Report/000.jpg (so it's unchanged but it still fails to load the resource?)

Line 608:

• ./media/image7.png

• Leads to: https://alan-turing-institute.github.io/ADViCE/reports/advice-challenges-report/advice_challenges_report/media/image7.png

• [x] ADViCE page not public so Hugo can't access image files?

[f-rower]

I made the ADViCE page public and still throws a 404 error

[f-rower]

just writing 000.jpg in root _index.md file worked. I will now try to replicate that one level further down

[f-rower]

renaming the file to _index.md and putting all the image files in the same repository as the file itself works

[f-rower]

SOLUTION: Always create a new folder for a file Name the file _index.md Images and other media: you can create a subfolder (e.g. named "media"), where you put all your images. You can reference each image in the file as media/photoname.jpg