Linking to Manually Inserted Images in Blogdown / Hugo

hugo R blogdown

This is my method to include something manually in a blogdown post.

Robert M Flight
2017-12-27

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.

Corrections

If you see mistakes or want to suggest changes, please create an issue on the source repository.

Reuse

Text and figures are licensed under Creative Commons Attribution CC BY 4.0. Source code is available at https://github.com/rmflight/researchBlog_distill, unless otherwise noted. The figures that have been reused from other sources don't fall under this license and can be recognized by a note in their caption: "Figure from ...".

Citation

For attribution, please cite this work as

Flight (2017, Dec. 27). Deciphering Life: One Bit at a Time: Linking to Manually Inserted Images in Blogdown / Hugo. Retrieved from https://rmflight.github.io/posts/2017-12-27-linking-to-manually-inserted-images-in-hugo/

BibTeX citation

@misc{flight2017linking,
  author = {Flight, Robert M},
  title = {Deciphering Life: One Bit at a Time: Linking to Manually Inserted Images in Blogdown / Hugo},
  url = {https://rmflight.github.io/posts/2017-12-27-linking-to-manually-inserted-images-in-hugo/},
  year = {2017}
}