2013-06-11 8 views
5

Ich habe einen Octopress Blog für meinen GitHub eingerichtet und möchte nun neue Einträge hinzufügen. Ich brauche Bilder in meine Beiträge zu schreiben, die ich versuchte, wie so tun:Lokales Bild in einen Blogpost mit octopress einfügen

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

Dies wird nur auf der Root-URL der App arbeiten. Wenn ich den Blogpost allein ansehe, sieht die URL wie folgt aus: http://example.com/blog/2013/06/11/title/, damit die URL/images/nicht funktioniert.

Ich versuchte dann das:

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

Und es wird auch nicht funktionieren. Aber ein Link wie folgt:

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

funktioniert perfekt.

Ich möchte ein bisschen Hilfe, Vielen Dank.

Antwort

10

Ok, ich habe die Lösung gefunden. Anstatt das Image-Tag-Plugin zu verwenden, verwenden nur regelmäßige html wie solche:

<img src="{{ root_url }}/images/image.png" /> 
4

hatte ich das gleiche Problem, außer ich nur verwendet Markdown:

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

Es fühlt sich ein bisschen obwohl hackish. Ich wünschte nur, es gäbe eine Möglichkeit, einfach auf den Bildtitel zu verweisen, und es würde einfach funktionieren (wie bei der Asset-Pipeline in Rails).

Wie auch immer, als eine Erklärung, wenn wir in einer (vereinfacht) Version der Verzeichnisstruktur sahen, würden wir diese finden:

. 
├── 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 

So deine Beiträge in Verzeichnissen, die den eigentlichen HTML-Code enthalten. Wenn wir ein Verzeichnis mit ../ zurückgehen, landen wir im Stammverzeichnis, und dann können wir in images gehen und das Bild abrufen, das wir wollen.