A few weeks ago, I came across a site that lets you create embedded links for Mastodon posts [^1]. This inspired me to start thinking about Bluesky, an implementation of the distributed social networking protocol AT Protocol. I see more and more discussion on Bluesky every day, but their web interface is still in the early stages. There is no intuitive tool to create an embedded link to a single Bluesky post without linking to the whole post. This is not ideal in many situations, particularly in journalism or blogging where being able to embed a focused representation of a social media post is desired to ensure the readability of an article.
I decided to create a new service, bsky.link ^2, which takes a post from the Bluesky staging site and generates a minimal HTML page that you can embed into a site using an iframe. This service is designed to be used in web content where you want to reference a post on the Bluesky network inline.
To use the service, go to bsky.link and paste in a URL to a Bluesky post for which you want to generate an embedded page. This page will generate a preview of the embedded page as well as an iframe that you can paste into your web page. You can use this service to generate embeds for text-only posts, reposts with comments, and posts that contain one or more images.
The following image shows an embedded version of a post on Bluesky that contains an image:
The source code for this application is available on GitHub, licensed under an MIT 0 license ^3.
[^1]: I cannot find the original site that I saw doing this, but here is another service with a similar output: https://patrickcurry.com/socials/mastodon/embed/#url=https://mastodon.social/@patrickmcurry/108195817029536656