I am shocked there is no easily accessible guide to this so I thought I'd create one. Bluesky does not have the ability to let you embed a profile feed on its own. But it's super easy to embed a Bluesky profile feed on your site using a third party tool:
You can just use a script from Vincenius on GitHub called bsky-embed. You do not need to host anything, all you need to do is add this HTML code to your site:
<script type="module" src="https://cdn.jsdelivr.net/npm/bsky-embed/dist/bsky-embed.es.js" async>
</script>
<bsky-embed
username="YOUR BSKY HANDLE HERE"
mode="LIGHT"
limit="5"
>
</bsky-embed>If you want it a little prettier you can do something like this:
<script type="module" src="https://cdn.jsdelivr.net/npm/bsky-embed/dist/bsky-embed.es.js" async>
</script>
<bsky-embed
username="cruciferous.net"
mode="light"
link-target="_blank"
link-image="true"
load-more="true"
limit="5"
disable-styles="false"
custom-styles=".border-slate-300 { border-color: --color-accent; }"
>
</bsky-embed>"--color-accent;" is the css accent on my Ghost theme, but you can add any color you'd like.
I have this setup on my site at cruciferousgreens.com/little-thoughts and it works great. I miss the days when people used to easily share how to do little website things like this. Let's bring that back. It should not have taken me an hour to figure out how to do this.
Bluesky does have a great tool to embed posts at embed.bsky.app. I hope they add a tool for profile feeds!
Anyway hope that helps anyone reading.