title: Custom rendering on FrontMatter markdown (to re-write img src)
body: <p>With the Frontmatter <a href="https://hmsk.github.io/frontmatter-markdown-loader/react.html" rel="nofollow noreferrer">markdown compiler</a>, it is possible to refer to completely custom components in the markdown, and then supply the component to render it in the <code>.tsx</code></p>
  <p>But what I am trying to do is render all <code>img</code> tags in a custom way.</p>
  <p>Specifically, I just want to update the source, so <code>![](/assets/images/tux.png)</code> is rendered as <code>&lt;img src=&quot;https://cdn.net/assets/images/tux.png&quot; /&gt;</code>.  If anyone knows how to do that specifically, I’ll take it.</p>
  <p>Right now, I am looping through the HTML nodes manually after rendering, finding the image tags, and updating the source, which besides being ugly hack, puts a 404 in the log, as the original, bad URL is fetched first.</p>