1. Asciidoctorでツイートを埋め込む方法

Asciidoctorでブログ記事を執筆しています。

ツイートをブログ内に埋め込みたい。

Asciidoctorでの埋め込み方法を調べたので共有します。

方法が分かれば簡単なことも調べ方が分からず時間を要する場合があります。 そのような時間を減らす手助けとなればと思っています。

  1. ツイートの埋め込み例

  2. ツイートの埋め込み方

  3. Asciidoctorでの埋め込み方

  4. Passthrough blocks

の順にご説明します。

2. ツイートの埋め込み例

下記のようにツイートを埋め込む事ができます。

3. ツイートの埋め込み方

情報源となったのはこちらです。

特定のツイートを記事に埋め込む方法とカスタマイズ @ ぼくらのハウツーノート

4. Asciidoctorでの埋め込み方

上記の方法でスクリプトコードを記事に貼り付けます。

AsciidoctorでRawコードを記述するにはでコードを挟みます。

Asciidoctor.adoc
++++
<blockquote class="twitter-tweet">
<p lang="ja" dir="ltr">
 年金開始７５歳法案、１４日審議入りへ　「緊急事態」も先送りせず：朝日新聞デジタル
 <a href="https://t.co/K7Nl8g9i0t">https://t.co/K7Nl8g9i0t</a>
 <br>「ある厚労省幹部は「人手が足りない。国会対応に割く人を少しでもコロナ対策に回してほしい。法案は先送りできないのか」と嘆く」
</p>
&mdash; 上西充子 (@mu0283)
<a href="https://twitter.com/mu0283/status/1248931966629494788?ref_src=twsrc%5Etfw">
 April 11, 2020
</a>
</blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
++++

無事、ツイートを埋め込むことができました。

5. Passthrough blocks

言葉を知らなければ調べることができない。

Raw HTMLを記述する方法を

Passthrough blocks

と呼びます。

Passthrough blocks @ AsciiDoc Writer’s Guide

Asciidoctorでツイートを埋め込みたい方の参考になったのなら幸いです。

今回は以上です。