reST で画像にキャプションを入れるには

reST で画像を表示するために image ディレクティブを使用する方法を覚えましたが、figure ディレクティブを使ってもできるようです。

image ディレクティブの場合

東京国立博物館 by image directive
.. image:: /images/70_1.jpg
   :alt: 東京国立博物館 by image directive
   :width: 50%

figure ディレクティブの場合

東京国立博物館 by figure directive

this is キャプション

.. figure:: /images/70_1.jpg
   :alt: 東京国立博物館 by figure directive
   :width: 50%

   this is キャプション

キャプションが使える分、figure ディレクティブを使ったほうがよさそうですね。

Pelican のデフォルトテーマではキャプション部分にはスタイルがあたっていないので css を書き加えます。

.caption {
    font-weight: lighter;
    font-style: italic;
    font-size: 50 %;
}