title: Ghost any way to factorize HTML patterns?
body: <p>my title isn't brilliant, but I don't know exactly how to put it, I lack some knowledge. If you have a better title, please let me know :)</p>
  
  <p>But the question is simple. Let me tell you the story. I blog with <a href="https://ghost.org/" rel="nofollow">Ghost</a>, and as most of us, I put some images in my blog.</p>
  
  <p>I don't use the <a href="http://support.ghost.org/add-image-post/" rel="nofollow">native way</a> to insert images in my blog, aka:</p>
  
  <pre><code>![Ghost Logos](https://ghost.org/assets/logos.png)
  </code></pre>
  
  <p>Doing it this way is too restrictive, it doesn't allow you to add a caption or to change the image width. Instead, I write the HTML directly, and it looks like that:</p>
  
  <pre><code>&lt;figure&gt;
  &lt;img src="https://ghost.org/assets/logos.png" alt="Ghost Logos" width="80%"/&gt;
  &lt;figcaption&gt;Here come the logos&lt;/figcaption&gt;
  &lt;/figure&gt;
  </code></pre>
  
  <p>And it works great! My only concern is that I have to copy/paste this all the time, which a little bit tedious.</p>
  
  <p>So I was wondering if there is any way to, say, define a kind of function or macro or whatever, so that I just have to call it with some arguments (image source, width, caption), and it's automatically replaced by the HTML.</p>
  
  <p>I know there are plenty of technologies under the hood of Ghost (Markdown, Handlebars, and probably much more), and that it can do a lot of magic. But I don't know ho to invoke it...</p>
  
  <p>So if you're this kind of wizard and know a way to achieve that, please let me know :)</p>