How to include images in add-on Ankiweb documentation

I’ve written an add-on and would like to include screenshots in the documentation. I see this is possible as I see some add-ons have them.

This is the code I am trying, but only the ‘test alt text’ is displayed.

<img alt="test alt text" src="https://github.com/ghrgriner/anki-progress-tiles/blob/main/examples/ex1_10_10.png" width="1058" height="603">

The add-on documentation that I’m trying to add it to.

https://ankiweb.net/shared/info/1300160579

Here is an example of an add-on’s documentation page with images embedded.

https://ankiweb.net/shared/info/31746032

Any additional information on formatting shared add-on and deck documentation would be appreciated as well.

1 Like

If you “inspect” that page, you should be able to see how the images are embedded.

<img src="https://user-images.githubusercontent.com/47855854/162489695-c82ae644-3217-4c68-89d5-e125537ec210.png">

Your link goes to where the file lives in GitHub’s repository structure. When you open that link, you get GitHub – but I think you need to link to the image itself?

For instance, for the link in your example –

https://github.com/ghrgriner/anki-progress-tiles/blob/main/examples/ex1_10_10.png

– when I right click that image and open it in its own tab, I get something different –

https://raw.githubusercontent.com/ghrgriner/anki-progress-tiles/refs/heads/main/examples/ex1_10_10.png
2 Likes

thanks, that works

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.