This also works for any links on shields.io, but I didn’t notice the Lemmy & Mastodon links before. Please share anything else you discover while experimenting. I’ll edit in more tips as people find them


Lemmy:

You can put the image markdown inside a link markdown

  • Regular link: [link_text](LINK_URL)
  • Image link: ![](IMAGE_URL)
  • All together: [![](IMAGE_URL)](LINK_URL)
  • Page to generate image: https://shields.io/badges/lemmy

Make sure to drop the domain from the link URL to make the button universal:

  • for https://lemmy.ca/c/canada, use /c/canada@lemmy.ca
  • This will render with the correct domain in the user’s browser (ex. https://example.com/c/canada@lemmy.ca)

For example:

[![](https://img.shields.io/lemmy/canada%40lemmy.ca?label=canada%40lemmy.ca&color=%239e090a&link=https%3A%2F%2Fexample.com
)](/c/Canada@lemmy.ca)

example post BEFORE: https://lemmy.ca/post/2890824

example post AFTER: https://lemmy.ca/post/2530982 (modified a few of the links)


Mastodon:

It’s listed on shields.io (link: https://shields.io/badges/mastodon-follow), but I had trouble getting it working. I’ll edit in instructions once I figure it out.