组织模式导出为html:内联图像显示和链接?

时间:2012-03-09 18:51:42

标签: org-mode

如果我使用以下语法,

#+ATTR_HTML: width="200"
[[file:highres.jpg][file:highres.jpg]]

我应该期望页面会以指定的大小显示highres.jpg,当点击时,想要文件本身?这是我从这些instructions得到的。但是,当我从组织模式文件生成html时,图像会显示但不会链接/可点击。我做错了什么或者我误解了吗?

2 个答案:

答案 0 :(得分:3)

在更新版本的org-mode中,format似乎已经发生了变化。以下适用于Emacs 24.4.1:

#+ATTR_HTML: :width 200
[[file:highres.jpg]]

答案 1 :(得分:2)

在您的示例中,它将其视为没有描述,因为描述与链接本身相同。您链接的说明是为了使用生成的缩略图进行描述(将显示该缩略图而不是完整图像)。

另一方面,当我更改描述文本以允许差异时,我无法让它尊重#+ATTR_HTML: width="200"

#+ATTR_HTML: width="200"
[[file:highres.jpg][./highres.jpg]]

相反,内联的可点击图片是全尺寸的。我不知道这是否有意,最好的地方可能是邮件列表(如果它是一个bug,他们也可以修复它)。

添加了问题测试

使用以下组织代码段

* SVG test

#+CAPTION: Test
#+ATTR_HTML: width="200" title="Hello"
[[./img/Bitmap.svg][file:./img/Bitmap.svg]]

#+Caption: Test2
#+ATTR_HTML: width="200" title="Hello as well"
[[./Bitmap.svg]]

我得到以下HTML,这解释了为什么出现与图像大小有关的奇怪结果:

<p>
<a href="./img/Bitmap.svg" width="200" title="Hello"><img src="./img/Bitmap.svg" alt="Bitmap.svg"/></a>
</p>

<div class="figure">
<p><img src="./Bitmap.svg" width="200" title="Hello as well" alt="./Bitmap.svg" /></p>
<p>Test2</p>
</div>

正在调整初始图像的大小,而不是链接图像。绝对是出口商如何解释#+ATTRL_HTML信息的问题。在当前的导出器下,最好的选择可能是生成图像的缩略图以便插入。