主题文档 - 内置 Shortcodes
目錄
Hugo 提供了多个内置的 Shortcodes, 以方便作者保持 Markdown 内容的整洁.
Hugo 使用 Markdown 为其简单的内容格式. 但是, Markdown 在很多方面都无法很好地支持. 你可以使用纯 HTML 来扩展可能性.
但这恰好是一个坏主意. 大家使用 Markdown, 正是因为它即使不经过渲染也可以轻松阅读. 应该尽可能避免使用 HTML 以保持内容简洁.
为了避免这种限制, Hugo 创建了 shortcodes. shortcode 是一个简单代码段, 可以生成合理的 HTML 代码, 并且符合 Markdown 的设计哲学.
Hugo 附带了一组预定义的 shortcodes, 它们实现了一些非常常见的用法. 提供这些 shortcodes 是为了方便保持你的 Markdown 内容简洁.
1 figure
一个 figure
示例:
|
|
呈现的输出效果如下:
输出的 HTML 看起来像这样:
|
|
2 gist
一个 gist
示例:
|
|
呈现的输出效果如下:
输出的 HTML 看起来像这样:
|
|
3 highlight
一个 highlight
示例:
|
|
呈现的输出效果如下:
|
|
4 instagram
Instagram’s API was deprecated since October 24th, 2020
The instagram-shortcode refers an endpoint of Instagram’s API, that’s deprecated since October 24th, 2020.
Thus, no images can be fetched from this API endpoint, resulting in an error when the instagram-shortcode is used.
For more information please have a look at GitHub issue #7879.
5 param
一个 param
示例:
|
|
呈现的输出效果如下:
Hugo 提供了多个内置的 Shortcodes, 以方便作者保持 Markdown 内容的整洁.6 ref 和 relref
7 tweet
一个 tweet
示例:
|
|
呈现的输出效果如下:
Reminder: This Twitter account is not actively maintained for questions. Please post all questions on https://t.co/yAzbBojxaU #gohugo
— GoHugo.io (@GoHugoIO) October 9, 2017
8 vimeo
一个 vimeo
示例:
|
|
呈现的输出效果如下:
9 youtube
一个 youtube
示例:
|
|
呈现的输出效果如下: