将本地图像插入带有octopress的博客文章中

时间:2013-06-11 19:47:47

标签: github markdown octopress

我为我的github设置了一个octopress博客,现在我想添加新帖子。我需要在帖子中添加图片,我试过这样做:

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

这只适用于应用的根网址。当我单独查看博客文章时,网址看起来像http://example.com/blog/2013/06/11/title/,因此网址/图片/将无效。

然后我尝试了这个:

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

它也不起作用。但是像这样的链接:

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

完美无缺。

我想要一些帮助,非常感谢。

2 个答案:

答案 0 :(得分:10)

好的,我找到了解决方案。而不是使用图像标签插件,只需使用像这样的常规html:

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

答案 1 :(得分:4)

我遇到了同样的问题,除了我刚使用Markdown:

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

虽然感觉有点哈希。我只是希望有一种方法可以简单地引用图像标题,它就可以工作(就像使用rails中的资产管道一样)。

无论如何,作为解释,如果我们查看目录结构的(简化)版本,我们会发现:

.
├── 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并检索我们想要的图像。