Note: This site is currently "Under construction". I'm migrating to a new version of my site building software. Lots of things are in a state of disrepair as a result (for example, footnote links aren't working). It's all part of the process of building in public. Most things should still be readable though.

Setting Up Images For Preview in nvAlt

These are notes from: here

Best Method

Update the HTML preview template at:

~/Library/Application Support/nvALT/template.html

to add this line in the HTML `

Code

<base href="file:///Users/alans/Dropbox/grimoire/_images/">

Note the trailing slash is required to get it to work right.

This will let you post image like this:

Code

![alt text](example.jpg "title")

To prevent alt text from showing up in the preview, simply leave the square brackets blank.

Code

![](example.jpg "title")

Alternate Methods

Drag and Drop

If you drag and drop an image on nvAlt, it'll create a reference with the proper path filled out.

Full Path

Putting the full OS path to an image works. For example:

Code

![alt text](file:///Users/alans/Desktop/example.jpg "title")

Per-File Base Folders

You can add header info to a nvAlt File. The image root path for any given file can be set this way. The following has to be the first line with a single empty line after it:

Code

XHTML Header: <base href="file:///Users/alans/Desktop/">