如何在 Hugo 的标题中添加 <span> 或 <br>？

Question

---
title: This is a really long heading
section: '/'
date: 2019-08-10T18:58:32+01:00
draft: true
---

如何在 "long" 之前添加中断或在 Hugo 的降价标题中添加 <span> 元素，例如<span>long heading</span> 或 This is a really <br>long heading

Answer 1

如果您在标题中包含 <br>，例如

---
title: This is a really<br>long heading
---

您必须在模板中将值标记为 safe，例如

{{- .Title | safeHTML -}}

请注意，这确实会让您面临潜在的安全风险：

It should not be used for HTML from a third-party, or HTML with unclosed tags or comments.

确保只对 well-formed 您信任的内容执行此操作。

您必须在主题中显示标题的所有地方进行此更改。如果有些地方您不希望标题中断，例如在你的 list.html 中，你可以用 plainify 去掉 HTML 代替：

{{- .Title | plainify -}}

这可以防止 <br> 按字面显示。