hugo-magic 写作短代码(三) —

hugo.yaml

几乎所有自定义都在根目录 hugo.yaml 文件中去修改

AI 摘要

AI 摘要脚本 sm.py 在根目录下,不要移动到其他地方,需要安装 python,然后运行

python sm.py

输入slug: slug 就是文章的 slug 字段,在标题的下方,可自定义,不能是中文,前面不要加数字 0

输入summary: 输入摘要,可以在浏览器安装 kimi 阅读助手插件

下载 python

https://www.python.org/ftp/python/3.11.9/python-3.11.9-amd64.exe

底部图标

页面底部的图标在 footer_links.json 文件中修改,

hugo 短代码

直接抄的大佬的，以后也会自己补充

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

notice

{\{< notice notice-warning >}}
你好。
{\{< /notice >}}

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

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

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

预览

你好。

隐藏内容

{\{< detail "点这里看隐藏内容！" >}}
这里是隐藏内容！🥰
{\{< /detail >}}

预览

点这里看隐藏内容！

这里是隐藏内容！🥰

聊天气泡

{\{< 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

这是右边的消息内容，测试长长长长长长长长长长长长长长长长长长长长长长长长度。

时间轴

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

预览

2023-10-01

节日

国庆节

祖国生日快乐

播放视频

哔哩哔哩

Video_ID: AV 或 BV PART_NUMBER（可选）：指定要播放的视频序号

{\{< bilibili VIDEO_ID PART_NUMBER >}}

预览

油管

{\{< youtube VIDEO_ID >}}

预览

腾讯（狗都不用）

{\{< tencent g0014r3khdw >}}

通用视频

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

autoplay 属性是可选的。它可用于指定是否应自动播放视频。 poster 属性是可选的。它可用于指定视频的海报图像。最好用本地视频，引入直链不是很行。

{\{< video VIDEO_URL >}}

{\{< video src="VIDEO_URL" autoplay="true" poster="./video-poster.png" >}}