mixi2 embedder
mixi2 のポスト URL を貼り付けて、ブログや HTML に埋め込めるスニペットを生成します。
使い方
- 埋め込みたいポストの URL を上の入力欄に貼り付けます。
- 右側に表示されたスニペットをコピーします。
- コピーしたコードをブログや Web ページの HTML に貼り付けます。
埋め込みコードの仕組み
埋め込みコードは以下の 2 つのパートからできています。
<blockquote class="mixi2-embedder-embed" data-mixi2-embedder-post-id="POST_UUID"><a href="https://mixi.social/posts/POST_UUID">View on mixi2</a></blockquote>
<script async src="https://mixi2-embedder.oto.im/embed.js" charset="utf-8"></script>- blockquote: ページに
data-mixi2-embedder-post-id属性付きで配置されます。 JS が無効な環境ではポストへのリンクとして機能します。 - script: ページ内の blockquote を検出し、自動で
iframe (このサイトの
/snippets/[id]) に置き換えます。
セルフホスト / フォーク
このプロジェクトはオープンソースです。Vercel にフォークデプロイすれば、 独自ドメインで自分の embedder を運用できます。