跳过正文
  1. 文章/

Blowfish主题常用简码

··137 字·1 分钟
自用 Hugo Blowfish Shortcode
目录

详细见https://blowfish.page/zh-cn/docs/shortcodes/#button

1. 展开折叠
#

这是折叠的内容
这个内容块默认是展开的

2. 各类型提示框
#

这是一个信息提示框
这是一个警告提示框
这是一个危险提示框

3. 画廊
#

用于生成可交互且具有视觉吸引力的方式展示多个图像的画廊。这允许用户滑动浏览多个图像,同时仅占用单个图像的垂直空间。所有图像均使用父组件的完整宽度并使用预定义的宽高比 16:921:932:9 之一显示。

参数功能
images必填 用于匹配图像名称的正则表达式或 URL。
aspectRatio可选 画廊的纵横比。 16-921-932-9 。默认设置为 16-9
interval可选 自动滚动的时间间隔,以毫秒为单位指定。默认为 2000 (2秒)。

4. 图表
#

支持chart.js,具体见Chart.js 官方文档

5. 外部代码
#

此短代码用于轻松从外部源导入代码,无需复制和粘贴

ParameterDescription
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]
xiadengma
作者
xiadengma