<p>As @Andy said, it is much simpler to use the embedded editor, as it will, for example, automatically manage the list of hyperlinks and allow you to upload an image directly from your computer.</p>

<p>Technically, images are hosted on <a href="http://imgur.com/" rel="nofollow noreferrer">imgur</a>, after they have been loaded from your computer (the base address will be <code>https://i.stack.imgur.com/</code>). In case you already have images on this web-sharing system, giving the URL works just fine.</p>

<p>In Markdown syntax, embedding an image is as simple as</p>

<pre><code>![RLogo](http://www.r-project.org/Rlogo.jpg)
</code></pre>

<p>or </p>

<pre><code>![RLogo][1]

[1]: http://www.r-project.org/Rlogo.jpg
</code></pre>

<p>which produces</p>

<p><img src="http://www.r-project.org/Rlogo.jpg" alt="RLogo"></p>

<p>So, this is basically the same idea as for a simple hyperlink, which when written as <code>[Here is the R logo](http://www.r-project.org/Rlogo.jpg)</code> actually reads <a href="http://www.r-project.org/Rlogo.jpg" rel="nofollow noreferrer">Here is the R logo</a>. We just need to prefix the hyperlink with a single <code>!</code>. The rest of the syntax is pure Markdown.</p>
