The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Setting Up Images For Preview in nvAlt

TODO: Pull subtitle into page object

Best Method

Update the HTML preview template at:

pre_full_default_section

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/">

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Setting Up Images For Preview in nvAlt

These are notes from: <<link|here|http://brettterpstra.com/2012/09/27/quick-tip-images-in-nvalt/>>

-- h2

Best Method

Update the HTML preview template at:

-- pre

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

-- p 

to add this line in the HTML `<head></head>``

-- code

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

-- p

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")

-- p

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

-- code

![](example.jpg "title")

-- h2

Alternate Methods

-- h3

Drag and Drop

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

-- h3

Full Path

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

-- code

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

-- h3

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/">


-- categories
-- nvAlt

-- metadata
-- date: 2013-07-31 09:34:08
-- id: 0180tez2
-- status: published
-- type: post
-- site: aws