Hugo模板中花括号内的短横线{{-/-}}是什么含义？

在Hugo所基于的Go模板语法体系里，这对带短横线的标签是空白控制语法，作用如下：

• {{-：移除当前模板标签左侧的所有空白字符（包括换行、空格、制表符）
• -}}：移除当前模板标签右侧的所有空白字符

模板编写时为了可读性通常会加入换行、缩进，但这些空白会被渲染到最终的HTML里，可能导致页面出现多余的空行、空格块，甚至影响元素的布局样式。使用这种带短横线的标签，就能在保持模板代码整洁的同时，让输出的HTML结构更紧凑。

比如你提到的breadcrumbs.html这类组件，通过该语法可以避免面包屑元素之间出现不必要的空白，保证渲染后的页面样式符合预期。

内容的提问来源于stack exchange，提问作者Scott Anderson