Skip to content

Image Hosting

Jump to bottom
Ryan Holbrook edited this page Jan 22, 2021 · 1 revision

Host images for your notebooks on Imgur.

If you haven't done so already, create an account. If this is a new course, create a new post to hold its images.

To embed an image in a notebook, follow these steps:

  1. Upload an image.
  2. Click "Get Share Links". Copy the BBCode entry.
  3. Paste the entry into your notebook in a markdown cell. It will look something like: [img]https://i.imgur.com/abc0123.png[/img].
  4. Delete the surrounding brackets to get: https://i.imgur.com/abc0123.png.
  5. Add Markdown code to get: ![alt text](https://i.imgur.com/abc0123.png).
  6. Run the cell to see the image.

Alternatively, you can use HTML if you want to add a caption or other styling:

<figure style="padding: 1em;">
<img src="https://i.imgur.com/abc0123.png" width=800, alt="Alt text goes here">
<figcaption style="textalign: center; font-style: italic"><center>Caption goes here.
</center></figcaption>
</figure>
Clone this wiki locally