How to Add Images to a Project - olivierkes/manuskript GitHub Wiki

To reference images with current versions of Manuskript be sure to store the images outside of the project file(s) and directories. Images are referenced in the form:

![title](url)

See absolute path URL examples.

Note that tooltip display of relative path URL's (like images/myimage1.jpg) within Manuskript does not currently work.

One option is to store the images in a directory at the same level as the project.msk file. For example:

  • Create an images folder at the same directory level as the project.msk file
  • To reference an image use: ![My Image One Title](images/myimage1.jpg)

With setting "Save to one single file" enabled this looks like:

.
|
+-- images --+-- myimage1.jpg
|            |
|            +-- ...
|
+-- myproject.msk

With setting "Save to one single file" disabled this looks like:

.
|
+-- images --+-- myimage1.jpg
|            |
|            +-- ...
|
+-- myproject --+-- infos.txt
|               |
|               +-- labels.txt
|               |
|               +-- ...
|               |
|               +-- outline --+-- ...
|               |             |
|               |             +-- ...
|               |
|               +-- ...
|               |
|               +-- world.opml
|
+-- myproject.msk

If the project was intended to be published on the web then you might compile/export the project as HTML and then place the project.html and images folder at the same location on the web server.

On a web server this might look like:

.
|
+-- images --+-- myimage1.jpg
|            |
|            +-- ...
|
+-- myproject.html

See also Issue #22.