详细见https://blowfish.page/zh-cn/docs/shortcodes/#button
1. 展开折叠#
2. 各类型提示框#
这是一个信息提示框
这是一个警告提示框
这是一个危险提示框
3. 画廊#
用于生成可交互且具有视觉吸引力的方式展示多个图像的画廊。这允许用户滑动浏览多个图像,同时仅占用单个图像的垂直空间。所有图像均使用父组件的完整宽度并使用预定义的宽高比 16:9
、 21:9
或 32:9
之一显示。
参数 | 功能 |
---|---|
images | 必填 用于匹配图像名称的正则表达式或 URL。 |
aspectRatio | 可选 画廊的纵横比。 16-9 、 21-9 或 32-9 。默认设置为 16-9 。 |
interval | 可选 自动滚动的时间间隔,以毫秒为单位指定。默认为 2000 (2秒)。 |
4. 图表#
支持chart.js
,具体见Chart.js 官方文档。
5. 外部代码#
此短代码用于轻松从外部源导入代码,无需复制和粘贴
Parameter | Description |
---|---|
url | 必需的 外部托管代码文件的 URL. |
type | 用于语法突出显示的代码类型. |
startLine | 可选 从代码文件中导入的起始行. |
endLine | 可选 从代码文件中导入的结束行. |
6. Github卡片#
允许您快速链接到 github Repo,同时显示和更新有关它的实时统计信息,例如它的 star 和 fork 数。
参数 | 功能 |
---|---|
repo | [String] 格式为 username/repo 的 github repo |
nunocoracao/blowfish
Personal Website & Blog Theme for Hugo
HTML
1597
440
7. KaTeX数学公式#
katex简码可用于使用 KaTeX 包向文章内容添加数学表达式。有关可用语法,请参阅支持的 TeX 函数的在线参考。
要在文章中加入数学表达式,只需将简码放在任意位置即可。每篇文章只需加入一次,KaTeX 将自动呈现该页面上的任何标记。支持内联和块表示法。
可以通过将表达式包装在 \\(
和 \\)
分隔符中来生成内联表示法。或者,可以使用 $$
分隔符生成块符号。
\(f(a,b,c) = (a^2+b^2+c^2)^3\)
8. Mermaid图表和流程图#
mermaid允许您使用文本绘制可视化的图表。底层使用 Mermaid,并支持各种图表、图表和其他输出格式。
只需在 mermaid
简码中编写您的 Mermaid 语法,然后让插件完成其余的工作。
已经支持markdown语法,直接在markdown中编写即可。
有关语法和支持的图表类型的详细信息,请参阅官方 Mermaid 文档。
graph LR;
A[Lemons]-->B[Lemonade];
B-->C[Profit]