Difference between revisions of "Dealing with Images"

From The System Administrator Zone
Line 4: Line 4:
 
Scrivener with MultiMarkdown currently has problems with images.
 
Scrivener with MultiMarkdown currently has problems with images.
  
== Using the Markdown Syntax ==
+
=== Using the Markdown Syntax ===
  
 
The syntax is pretty straight forward:
 
The syntax is pretty straight forward:
Line 16: Line 16:
 
The implication in all the documentation is that the leading "../" will create an internal reference. Unfortunately, when I tried it, it always added "file://" to the beginning of the path, forcing it to be and external reference.   
 
The implication in all the documentation is that the leading "../" will create an internal reference. Unfortunately, when I tried it, it always added "file://" to the beginning of the path, forcing it to be and external reference.   
  
== Using Links to Internet Images ==
+
=== Using Links to Internet Images ===
  
 
Michael Hyatt discusses this in his [https://michaelhyatt.com/multimarkdown.html blog post].
 
Michael Hyatt discusses this in his [https://michaelhyatt.com/multimarkdown.html blog post].
Line 23: Line 23:
  
  
== Using the $img tag ==
+
=== Using the $img tag ===
 
 
  
 +
Gwen Hernandez gives a good overview of using the '''$img''' tag in her [http://gwenhernandez.com/2013/05/28/tech-tuesday-inserting-images-in-scrivener/ blog post].
  
 
  <$img:NameOfImage;w=1024>  
 
  <$img:NameOfImage;w=1024>  
  
 
This will find and image file named '''NameOfImage''' and assign it a width of 100 pixels.
 
This will find and image file named '''NameOfImage''' and assign it a width of 100 pixels.

Revision as of 18:14, 1 October 2017


Scrivener with MultiMarkdown currently has problems with images.

Using the Markdown Syntax

The syntax is pretty straight forward:

![alt text](path/to/image.ext "optional title/description")

I imported images into the project, in an image folder. You are supposed to be able to enter the following;

![Enterprise](../images/enterprise.png)

The implication in all the documentation is that the leading "../" will create an internal reference. Unfortunately, when I tried it, it always added "file://" to the beginning of the path, forcing it to be and external reference.

Using Links to Internet Images

Michael Hyatt discusses this in his blog post.

![This is the alternate text](http://michaelhyatt.com/images/mh-logo.jpg "My Logo")


Using the $img tag

Gwen Hernandez gives a good overview of using the $img tag in her blog post.

<$img:NameOfImage;w=1024> 

This will find and image file named NameOfImage and assign it a width of 100 pixels.