Hugo 简码在链接文本末尾添加了额外的空格答案

【问题标题】：Hugo shortcode adding extra space at end of link textHugo 简码在链接文本末尾添加了额外的空格
【发布时间】：2022-01-14 20:29:37
【问题描述】：

我正在使用 Hugo 短代码向链接添加一个类。我们想复制 Wikipedia 的“红色链接”样式，即尚未构建但已计划好的页面。

短代码 red-link.html 如下所示：

<a href="{{ .Get "url" }}" class="red-link">{{ with .Get "title" }}{{.}}{{else}}{{.Get "url"}}{{end}}</a>

当我在 markdown 文件中使用它时，它看起来像这样：

Here is an {{< red-link title="example red link" url="#" >}}.

我想要是这个（链接文本和标点符号之间没有空格）：

<p>Here is an <a href="#" class="red-link">example red link</a>.</p>

我得到的是这样的：

<p>
    "Here is an "
    <a href="#" class="red-link">example red link</a>
    " ."
</p>

最终看起来像这样：

要删除链接末尾和句点之间的多余空格，我需要进行哪些更改？

【问题讨论】：

"最终看起来像这样：" 似乎是空白的，您介意检查并修复它吗？但你的答案可能是：gohugo.io/templates/introduction/#whitespace

【解决方案1】：

我遇到了同样的问题，但项目被配置为在所有文件的末尾添加一个新行。我没有重新配置项目以允许最后没有新行的文件，而是找到了一个丑陋但有效的解决方案。

以catertot 为例，您可能有以下shotcode（注意结尾的新行）：

<a href="{{ .Get "url" }}" class="red-link">{{ blabla }}</a>

解决方案是在短代码的最后添加{{- "" -}}：

<a href="{{ .Get "url" }}" class="red-link">{{ blabla }}</a>{{- "" -}}

这告诉 Hugo 去除链接本身后面的任何空格，从而产生一个没有空格的完美内联短代码。

【讨论】：

【解决方案2】：

在您的简码文件中，删除以下所有内容，包括所有空行：

<a href="{{ .Get "url" }}" class="red-link">{{ with .Get "title" }}{{.}}{{else}}{{.Get "url"}}{{end}}</a>

如果这不能消除该空间，请尝试使用适当的 Go Template trim-whitespace delimiters（{{- 和 -}}）。例如，尝试将上面的内容更改为：

<a href="{{ .Get "url" -}}" class="red-link">{{ with .Get "title" -}}{{. -}}{{else -}}{{.Get "url" -}}{{end -}}</a>

我的years-since 短代码有这个问题，我在https://www.ii.com/hugo-tips-fragments/#_8_years_since 上写过。

【讨论】：