13. Image Handling ↑

13.2 Use Standard Markdown Syntax

Here’s a useful summary from Digital Ocean on the standard Markdown syntax for images.

The only Notenik issue here is that you will need to Enable Local Image References on your Collection Settings in order to see the images on the Display tab when viewing your Notes within Notenik.

The other issue here is the placement of your images. You have a couple of sub-options here.

• Generate your HTML pages in the same folder that contains your content (i.e., Note) files. Then you can place all your image files in a subfolder named images and use relative addressing to reference your images. Since your output HTML will be in the same folder as the original Notes, that addressing will work for both your Notes and your web pages.

• Generate your HTML pages in a separate folder. The issue here is that you will need to copy your images folder — including all of its content — from your content folder to your web folder, and will need to keep them in sync after that, as you add content and images to your site.