1

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
4

0 に答える 0