Deciphering Life: One Bit at a Time - Linking to Manually Inserted Images in Blogdown / Hugo

Manual Linking?

Using blogdown for generating websites and blog-posts from Rmarkdown files with lots of inserted code and figures seems pretty awesome, but sometimes you want to include a figure manually, either because you want to generate something manually and convert it (say for going from SVG of lots of points to hi-res PNG), or because it is a figure from something else (like this figure from wikipedia).

Where to??

To do this, you want the text of your <img> tag to your image to be:

<img src = "/img/image_file.png"></img>

And then put the image itself in the directory /static/img/image_file.png

By M. W. Toews, CC BY 2.5, via Wikimedia Commons, source

This information is also mentioned in section 2.7 of the Blogdown book. Obviously I need to do more reading.

Reuse

https://creativecommons.org/licenses/by/4.0/

Citation

BibTeX citation:

@online{mflight2017,
  author = {Robert M Flight},
  title = {Linking to {Manually} {Inserted} {Images} in {Blogdown} /
    {Hugo}},
  date = {2017-12-27},
  url = {https://rmflight.github.io/posts/2017-12-27-linking-to-manually-inserted-images-in-hugo},
  langid = {en}
}

For attribution, please cite this work as:

Robert M Flight. 2017. “Linking to Manually Inserted Images in Blogdown / Hugo.” December 27, 2017. https://rmflight.github.io/posts/2017-12-27-linking-to-manually-inserted-images-in-hugo.