safe.CSS

Introduction

Hugo 使用 Go 的 text/template 和 html/template 包。

text/template 包實現數據驅動的模板以生成文本輸出，而 html/template 包實現數據驅動的模板以生成可防止代碼注入的安全 HTML 輸出。

默認情況下，Hugo 在渲染 HTML 文件時使用 html/template 包。

為了生成可防止代碼注入的安全 HTML 輸出，html/template 包在某些上下文中轉義字符串。

Usage

Use the safe.CSS function to encapsulate known safe content that matches any of:

1. The CSS3 stylesheet production, such as p { color: purple }.
2. The CSS3 rule production, such as a[href=~"https:"].foo#bar.
3. CSS3 declaration productions, such as color: red; margin: 2px.
4. The CSS3 value production, such as rgba(0, 0, 255, 127).

Use of this type presents a security risk: the encapsulated content should come from a trusted source, as it will be included verbatim in the template output.

See the Go documentation for details.

Example

Without a safe declaration:

{{ $style := "color: red;" }}
<p style="{{ $style }}">foo</p>

Hugo renders the above to:

<p style="ZgotmplZ">foo</p>

To declare the string as safe:

{{ $style := "color: red;" }}
<p style="{{ $style | safeCSS }}">foo</p>

Hugo renders the above to:

<p style="color: red;">foo</p>