表格渲染钩子
New in v0.134.0
上下文
表格渲染钩子模板接收以下上下文:
属性
(map
) 如果按如下方式配置站点,则可以使用Markdown 属性:
hugo.
markup:
goldmark:
parser:
attribute:
block: true
[markup]
[markup.goldmark]
[markup.goldmark.parser]
[markup.goldmark.parser.attribute]
block = true
{
"markup": {
"goldmark": {
"parser": {
"attribute": {
"block": true
}
}
}
}
}
序号
(int
) 页面上表格的基于零的序号。
页面
(page
) 对当前页面的引用。
页面内部
(page
) 通过 RenderShortcodes
方法嵌套页面的引用。 查看详情 。
位置
(string
) 表格在页面内容中的位置。
表头
(slice
) 表格标题行的切片,其中每个元素都是表格单元格的切片。
表体
(slice
) 表格正文行的切片,其中每个元素都是表格单元格的切片。
表格单元格
THead
和 TBody
方法返回的切片中每个表格单元格具有以下字段:
对齐方式
(string
) 表格单元格内文本的对齐方式, left
、 center
或 right
之一。
文本
(template.HTML
) 表格单元格内的文本。
示例
在其默认配置中,Hugo 根据 GitHub Flavored Markdown 规范 渲染 Markdown 表格。要创建一个执行相同操作的渲染钩子:
layouts/_default/_markup/render-table.html
<table
{{- range $k, $v := .Attributes }}
{{- if $v }}
{{- printf " %s=%q" $k $v | safeHTMLAttr }}
{{- end }}
{{- end }}>
<thead>
{{- range .THead }}
<tr>
{{- range . }}
<th
{{- with .Alignment }}
{{- printf " style=%q" (printf "text-align: %s" .) | safeHTMLAttr }}
{{- end -}}
>
{{- .Text -}}
</th>
{{- end }}
</tr>
{{- end }}
</thead>
<tbody>
{{- range .TBody }}
<tr>
{{- range . }}
<td
{{- with .Alignment }}
{{- printf " style=%q" (printf "text-align: %s" .) | safeHTMLAttr }}
{{- end -}}
>
{{- .Text -}}
</td>
{{- end }}
</tr>
{{- end }}
</tbody>
</table>
PageInner 详情
New in v0.125.0PageInner
的主要用例是解析相对于已包含的 Page
的链接和 页面资源 。例如,创建一个“include”短代码,从多个内容文件组合一个页面,同时保留脚注和目录的全局上下文:
layouts/shortcodes/include.html
{{ with .Get 0 }}
{{ with $.Page.GetPage . }}
{{- .RenderShortcodes }}
{{ else }}
{{ errorf "The %q shortcode was unable to find %q. See %s" $.Name . $.Position }}
{{ end }}
{{ else }}
{{ errorf "The %q shortcode requires a positional parameter indicating the logical path of the file to include. See %s" .Name .Position }}
{{ end }}
然后在你的Markdown中调用短代码:
content/posts/p1.md
{{% include "/posts/p2" %}}
在渲染 /posts/p2
期间触发的任何渲染钩子将获得:
- 调用
Page
时为/posts/p1
- 调用
PageInner
时为/posts/p2
如果与 PageInner
不相关,则 PageInner
回退到 Page
的值,并始终返回值。
作为一个实际示例,Hugo的嵌入式链接和图像渲染钩子使用 PageInner
方法来解析Markdown链接和图像目标。查看每个源代码: