5

github 用に octopress ブログをセットアップしましたが、新しい投稿を追加したいと考えています。投稿に画像を追加する必要がありますが、次のように試しました。

{% img /images/image.png 'alt' %}

これは、アプリのルート URL でのみ機能します。ブログ投稿を単独で表示すると、URL はhttp://example.com/blog/2013/06/11/title/のように見えるため、URL /images/ は機能しません。

次に、これを試しました：

 {% img {{root_url}} /images/image.png 'alt' %}

そして、それもうまくいきません。しかし、このようなリンク：

[Link!]({{ root_url }} /images/image.png")

完璧に動作します。

少し助けてほしいです、どうもありがとう。

4

2 に答える 2

10

わかりました、私は解決策を見つけました。イメージ タグ プラグインを使用する代わりに、次のような通常の html を使用します。

<img src="{{ root_url }}/images/image.png" />
于 2013-06-13T14:11:16.287 に答える
4

Markdownを使用したことを除いて、同じ問題がありました：

![a brick](../images/a_brick.png "A brick")

ちょっとハックな感じですが。画像のタイトルを簡単に参照する方法があればいいのにと思いますが、それはうまくいきます (レールのアセット パイプラインのように)。

とにかく、説明として、ディレクトリ構造の (簡略化された) バージョンを見ると、次のようになります。

.
├── a-fluid-world
    └── a-fluid-world.html
├── artists-or-scientists
├── assets
├── hello-world
├── images
    └── a_brick.png
├── lazy-in-ruby-2-dot-0
├── ruby-is-great
└── stylesheets

したがって、投稿は実際の HTML を含むディレクトリにあります。でディレクトリに戻ると../、最終的にルート ディレクトリに移動しimages、必要な画像を取得できます。

于 2013-08-02T23:29:31.107 に答える