短码

一些 hugo 短代码

本文为了防止在代码块中的短代码被 Hugo 转译,在代码块中添加了 \,请在使用时去除

notice

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
{\{< notice notice-warning >}}
你好
{\{< /notice >}}

{\{< notice notice-info >}}
你好
{\{< /notice >}}

{\{< notice notice-note >}}
你好
{\{< /notice >}}

{\{< notice notice-tip >}}
你好
{\{< /notice >}}

预览:

你好。

隐藏内容

1
2
3
{\{< detail "点这里看隐藏内容!" >}}
这里是隐藏内容!🥰
{\{< /detail >}}

预览:

点这里看隐藏内容! 这里是隐藏内容!🥰

聊天气泡

1
2
3
4
5
6
7
{\{< chat position="left" name="John Doe" timestamp="2023-09-12 14:30">}}
这是左边的消息内容
{\{< /chat >}}

{\{< chat position="right" name="Alice" timestamp="2023-09-12 14:45" >}} 
这是右边的消息内容测试长长长长长长长长长长长长长长长长长长长长长长长长度
{\{< /chat >}}

预览:

John Doe   2023-09-12 14:30
这是左边的消息内容。
2023-09-12 14:45   Alice
这是右边的消息内容,测试长长长长长长长长长长长长长长长长长长长长长长长长度。

时间轴

1
{\{< timeline date="2023-10-01" title="国庆节" description="祖国生日快乐" tags="节日" url="" >}}

预览:

2023-10-01
节日
国庆节
祖国生日快乐

播放视频

哔哩哔哩

1
{\{< bilibili VIDEO_ID PART_NUMBER >}}

提示:

Video_ID: AVBV PART_NUMBER(可选):指定要播放的视频序号

腾讯

1
{{\< tencent g0014r3khdw >}}

预览:

YouTube 视频

1
{{\< youtube VIDEO_ID >}}

通用视频文件

VIDEO_URL 可以是 URL 或相对于 static 目录的路径。例如, src="/video/my-video.mp4" 将嵌入站点文件夹的视频文件 static/video/my-video.mp4

autoplay 属性是可选的。它可用于指定是否应自动播放视频。 poster 属性是可选的。它可用于指定视频的海报图像。

1
2
3
{{\< video VIDEO_URL >}}

{{\< video src="VIDEO_URL" autoplay="true" poster="./video-poster.png" >}}
CC BY-NC-ND
最后更新于 2024-11-05 03:44