Question

我正在使用blogdown和kakawait / hugo-tranquilpeak-theme写一篇简单的降价博客文章。当我使用短代码选项标签添加图像时，例如

{{< image classes="fancybox right clear" src="image2.png"     
thumbnail="http://google.fr/images/image125.png" group="group:travel"   
thumbnail-width="150px" thumbnail-height="300px" title="A beautiful    
sunrise" >}}

我无法打破图像的标题。现在我有了

A beautiful image

但我想

A beautiful 
image

顺便说一句，这些突破：

\n
<br>
<br />

不为我工作。知道如何解决这个问题吗？

Answer 1

HTML5 spec州：

如果title属性的值包含“LF”（U + 000A）字符，则内容将分为多行。每个“LF”（U + 000A）字符代表换行符。

您生成的HTML是什么样的？断线是否被剥离？如果是这样，那就是您正在使用的工具的缺陷。您可能需要提交错误报告。

Answer 2

我们可以使用简码来换行。

在 line_break.html 内制作 layouts/shortcodes 文件并为其添加 <br /> 标签。因此 line_break.html 文件将如下所示：

<br />

现在您可以通过添加 {{< line_break >}} 将此简码用于您的 Markdown 文件。所以在你的情况下，它看起来像这样：

A beautiful
{{< line_break >}}
image

如何在hugo图像标签标题元素中插入换行符？

2 个答案: