1. ホーム
  2. github

[解決済み]マークダウンJekyllで画像キャプションを使用する

2022-04-12 06:18:02

質問

私はGithubでJekyllブログをホストしており、Markdownで私の記事を書いています。私は画像を追加するとき、私はそれを行うには、次の方法。

![name of the image](http://link.com/image.jpg)

すると、本文中に画像が表示されます。

しかし、画像の下または上に表示されるキャプションを追加するよう、Markdownに指示するにはどうすればよいのでしょうか?

どのように解決するのですか?

プラグインを一切使用しない場合(つまり、最初にサイトを生成せずに直接GitHubにプッシュする場合)、ファイル名を image.html_includes :

<figure class="image">
  <img src="{{ include.url }}" alt="{{ include.description }}">
  <figcaption>{{ include.description }}</figcaption>
</figure>

とマークダウンした画像を表示します。

{% include image.html url="/images/my-cat.jpg" description="My cat, Robert Downey Jr." %}