Embed Pixelfed posts (with Nikola)

2019-11-29 21:59 | Anke (encarsia)

Pixelwhat?

Pixelfed is the photo sharing platform of the fediverse. The FOSS version of Instagram so to speak.

Recently I stumbled over the option to embed posts. You can generate the code via the post's centext menu. I discovered that embedding posts work even if this context menu is not available.

Shortcode for Nikola

The approach for creating and using a custom shortcode for Pixelfed corresponds basically to embedding Mastodon toots which I have already written a pretty informative blog post about.

How to use

Save the pixelfed.tmpl file in the shortcode folder of your Nikola site.

{# Template engine: Jinja2 Usage: {{% pixelfed status=https://instance.domain/user/postnr %}} Optional parameters: width (default: 400) Example: {{% pixelfed status=https://instance.domain/user/postnr % width=500}} will show a 500 px wide frame instead of the default 400 px #} <iframe src="{{ status }}/embed?caption=true&likes=false&layout=full" class="pixelfed__embed" style="max-width: 100%; border: 0" width={{ width|default("400") }} allowfullscreen="allowfullscreen"></iframe><script async defer src="https://pixelfed.social/embed.js"></script>

<%doc> Template engine: Mako Usage: {{% pixelfed status=https://instance.domain/p/user/postnr %}} Optional parameters: width (default: 400) Example: {{% pixelfed status=https://instance.domain/p/user/postnr % width=500}} will show a frame of 500 px width instead of the default 400 </%doc> % if width is UNDEFINED: <% w = 400 %> % else: <% w = width %> % endif <iframe src="${status}/embed?caption=true&likes=false&layout=full" class="pixelfed__embed" style="max-width: 100%; border: 0" width=${w} allowfullscreen="allowfullscreen"></iframe><script async defer src="https://pixelfed.social/embed.js"></script>

You can use the shortcode with reStructuredText and Markdown markup.

What's hot & what's not

As stated before Pixelfed is in an early stage of development and not everything works flawlessly.

Embedding...	Status
single photo post	works
album post	does not work yet
animated GIF	works
video	works
profile	works
collection	does not work yet
hashtag	does not work yet

This is my profile.

I post pictures of small things.

Alm posts pictures of cats.

Sven (esureL) posts pictures of painted distribution boxes (and food).

Keep moving.

Soon to come

The main developer has stated that everything that is not working will do so in the near future.

This points to an album post.

This points to a collection.

This points to a hashtag.