Images management for a static site is tedious
How do people add images to a Markdown-based static site page?
Typically this workflow requires some preparation and a bunch of manual operations.
Prep work:
- Create a directory in the site source tree.
- Ideally, develop a naming convention for image files to keep them associated with the related pages and maintain findability.
Adding an image:
- Add an image file to the source tree.
- Ensure the file has a conventional and unique URL-friendly name.
- Reference this file from the Markdown page source, minding the correct relative path to the image file.
Subjectively, this workflow is quicker and more robust than dragging things with a mouse over some WYSIWYG web UI. But imagine you need to add ten images this way. It is still tedious and boring 🚢 Not automated enough if you will.
Let's make this flow less boring.
Somewhat related: