Blogdown is an amazing tool for - wait for it - blogging. I recently made the jump to blogdown, and after working out all of my self-inflicted initial “OMG what happened now?!” issues, blogdown has become part of my daily workflow. I’m still playing with formatting issues (evidence below) but on the whole things are coming together nicely.
You said there would be GIFs
If you know me, you know that I love to communicate using GIFs. So naturally one of the first things I looked into was how to use GIFs with blogdown, which resulted in finding this post.
There’s nothing wrong with this method, but it’s a bit too technical for my needs, because really when I say GIF I’m referring to internet memes and not some amazingly useful and helpful ggplot2-generated graph.
Edit: after writing this post, the blogdown reference post linked above was updated to include the methods outlined in this post.
What you need
- an imgur account (see the ‘Updates’ section below to bypass imgur)
- a GIF to share on your website - I use GIPHY for 99% of my GIFfing needs
- blogdown up and running on your computer
What to do
- Find your GIF - I’m going to use the search terms “knope dance” on GIPHY
- Within GIPHY, click on your GIF and then click on download (I usually choose Source)
- Go to imgur. Hover over your account name, and then select ‘Images’ from the dropdown menu, like so:
- Upload your GIF to imgur by whatever means floats your boat (drag and drop or using the ‘Add images’ button)
- Click on the thumbnail of your GIF to get the following screen:
- Copy the link in the ‘Original GIF Link’ box - this is the URL that ends in .gif, not .gifv
- In blogdown we link to an image using the following:
-> template with guide words:
![placeholder text](your URL goes here)
- In the ‘placeholder text’ space, type in whatever text you’d like to appear under your GIF, and paste your GIF URL in between the parentheses