Python、Flask、Flask-FlatPages を使用して Web サイトを構築しています。私が収集した情報によると、FlatPages は、Jinja2 テンプレート エンジンと Markdown を使用して、コンテンツの書式設定を簡素化しています。
これまで、他のマークダウン コンテンツ内に配置された次の生の HTML を記述して、画像を含めてきました。
<figure>
<a href="/static/path/to/image.png" title="Full size">
<img src="/static/path/to/image.png" alt="">
</a>
<figcaption>
Figure caption.
</figcaption>
</figure>
次のように、画像にマークダウンのリンク構文を使用して、このプロセスを簡素化したいと思います。
<figure>
[![][image]][image]
<figcaption>
Figure caption.
</figcaption>
</figure>
[image]: /static/link/to/image.png (Full size)
このコードをWeb Dingusに入れると、次の出力が生成されます。
<p><figure>
<a href="/static/link/to/image.png" title="Full size">
<img src="/static/link/to/image.png" alt="" title="Full size" />
</a>
<figcaption>
Figure caption.
</figcaption>
</figure></p>
ただし、同じコードを自分の Web サイトのマークダウン ドキュメントに入れると、次のようになります。
<figure>
[![][image]][image]
<figcaption>
Figure caption.
</figcaption>
</figure>
バージョン情報
Flask==0.9
Flask-Assets==0.8
Flask-FlatPages==0.3
Flask-Markdown==0.3
Jinja2==2.6
Markdown==2.2.1
Werkzeug==0.8.3