How do I export images?

Hi

I regularly paste images in the notes. I want to export my notes as individual htmls while saving the images as individual image files on the drive. It looks like the images are saved as part of the html file which is no use for me.

I would like to do this in one go because I do not want to post process many notes one by one later.

1 Like

The best way is to create a “files” subdirectory and store the images there. So you can load them with eg: [img[./files/my-image.png]]

If you want to transclude images, you should use the _canonical_uri field as described at "Manually Creating External Images.

You can also search this forum for how to use external images … There should be several useful links

You will need to use the nodejs version of tiddlywiki to execute commands that will ‘take apart’ the html into separate files. The command I use is

tiddlywiki --load /path/to/singfile/wiki.html --savewikifolder .

note the ‘.’ at the end to indicate the current directory.

Here is the ‘savewikifolder’ command: https://tiddlywiki.com/#SaveWikiFolderCommand

Now that you have the folder with your tiddlers in them you would then need to render them as html files. Refer to the instructions for generating a static site for that, again using nodejs tiddlywiki : https://tiddlywiki.com/#Generating%20Static%20Sites%20with%20TiddlyWiki

Definitely look into using the nodejs version of tiddlywiki. Your tiddlers are stored as individual files and you can do some fancy things with them like automagically moving tagged images/tiddlers into subfolders. ( see https://tiddlywiki.com/#ExternalImages and File System Paths under https://tiddlywiki.com/#Customising%20Tiddler%20File%20Naming )

Good luck!

2 Likes