Featured image of post hugoでpleromaのtootを貼り付けたかった

hugoでpleromaのtootを貼り付けたかった

SNSの発言をブログに貼りたいときってありますね

ブルアカの限定ダブルピックアップで1天井で取れて安心してる図

最近はtwitterよりもunkworksの方にいます。
そこでのtootをブログに貼り付けたいんだけどpleromaの埋め込みがなんかうまく動かない感じ。よくわからん。

いろいろググったら記事の生成時に作っちゃうみたいなものがあって参考にしてみた。
https://hugo.md/post/pleroma-shortcode/

{{< {{< pleroma "unkworks.net" "AT0mLoM3WICe2tfgh6" >}} >}}

こんな感じのショートコードを書けば以下みたいな感じで生成される

にょん :ablobcatneon:

hugoには特定の書き方するといい感じに表示してくれるショートコードという機能があり、自作することもできる。
https://gohugo.io/content-management/shortcodes/

仕組み的にはjsonを叩いてテンプレートエンジンでごにょごにょしてhtmlを作る
絵文字はテキストで入っているので個数分ループしてimgタグにreplaceするとかいう力技になってる。

画像付きのトゥートも見れるようにした。本当はLightboxで拡大させたかったんだけどサイズ指定が難しくてまぁ拡大はtootのURLに飛ばさせればいいかなになった。
pleroma限定だけど同じことは公開tootをjson叩けば取れるようなときは同じような仕組みでいけるはず。

Built with Hugo
Theme Stack designed by Jimmy