在 Hugo 博客上实践 Shortcodes 短代码, 太强大了

1

今年是 {{< year >}} 年.

1

{{ now.Format "2006" }}

1

{{< mark text="HTML 标记" >}}

1
2
3
4
5

<!-- ./layouts/shortcodes/mark.html 
https://matnoble.me/posts/shortcodes-practice-tutorial-for-hugo/#mark-标记支持
-->

<mark>{{ .Get "text" }}</mark>

1

{{< abbr title="Huazhong University of Science and Technology" text="HUST" >}}

1
2
3
4
5

<!-- ./layouts/shortcodes/abbr.html 
https://matnoble.me/posts/shortcodes-practice-tutorial-for-hugo/#abbr-缩写支持
-->

<abbr title="{{ .Get "title" }}">{{ .Get "text" }}</abbr>

1

{{< wp tag="Wikipedia:历史上的今天" lang="zh" title="历史上的今天" >}}

1
2
3
4
5
6

{{< blockquote author="李健" link="https://baike.baidu.com/item/%E6%87%82%E5%BE%97/22699721" title="《懂得》" >}}
花开花谢 白天黑夜<br />
一切自然 又不尽然<br />
春夏秋冬 经过才懂<br />
世间冷暖 无非自然
{{< /blockquote >}}

1

{{< imgcap src="https://ttfou.com/images/2020/02/20/75294917c54568d991f5e2e0581dafb8.jpg" title="陪安东尼度过漫长岁月" >}}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

<!--
./layouts/shortcodes/imgcap.html
https://matnoble.me/posts/shortcodes-practice-tutorial-for-hugo/#image-with-caption
-->

<span class="caption-wrapper">
  <img class="caption" src="{{ .Get "src" }}"
       title="{{ .Get "title" }}"
       alt="{{ if .Get "alt" }}{{ .Get "alt" }}{{ else }}{{ .Get "title" }}{{ end }}"
       width="{{ if .Get "width" }}{{ .Get "width" }}{{ else }}95%{{ end }}"
       >
  <span class="caption">◎ {{ .Get "title" }}</span>
</span>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

[warning]
other = "警告"

[note]
other = "注释"

[info]
other = "引言"

[tip]
other = "小贴示"

1
2
3

{{< notice warning >}}
这是告诫! 请注意!
{{< /notice >}}

1
2
3

{{< notice info >}}
这是引言
{{< /notice >}}

1
2
3

{{< notice tip >}}
这是小贴示
{{< /notice >}}

1
2
3

{{< notice note >}}
这是注释
{{< /notice >}}

1

{{< youtube ID >}}

1

{{< youku id="ID" >}}

1

{{< gist MatNoble b8d6a9541221fef7c30bf214d3505836 >}}

1

{{< friend name="数学小兵儿" url="https://matnoble.me/" logo="/icons/android-chrome-512x512.png" word="数学＆计算机 我都爱" >}}