本文把 Blowfish 自带的短代码集中演示一遍，方便核对渲染效果。
alert 提示框#
默认提示：这是一个普通的 alert 短代码。
警告：这是一个带 warning 主题的提示框。
自定义样式：可以自定义图标、卡片颜色、图标颜色与文字颜色。
badge 徽章#
默认徽章 蓝色徽章 自定义徽章
button 按钮#
icon 图标#
Blowfish 内置 FontAwesome 6 图标，可通过 icon 短代码引入：
也可以在文本中混排：部署到 服务器，代码托管在 GitHub。
lead 引导文字#
这是一段引导文字（lead），字号比正文更大，常用于文章开头的摘要性陈述。
figure 图片#
gallery 图库#
gallery 支持多张图片，可来自远程地址：
carousel 轮播#
timeline 时间线#
2024-01
项目初始化，基于 Hugo + Blowfish 搭建。2024-03
完成主题配置与多语言设置。2024-05
正式上线，发布首批文章。
tabs 选项卡#
package main
import "fmt"
func main() { fmt.Println("Hello from Go") }print("Hello from Python")fn main() { println!("Hello from Rust"); }accordion 折叠面板#
什么是 Blowfish？
Blowfish 是一个为 Hugo 设计的、功能丰富的轻量级主题。
它支持深色模式吗？
支持，并且可以跟随系统自动切换。
typeit 打字机效果#
swatches 色板#
keyword & keywordList 关键词#
Hugo
是一个用 Go 编写的静态站点生成器。常用关键词列表：
Blowfish
Hugo
Tailwind
视频与外链嵌入#
YouTube（内置 youtube 短代码）#
youtubeLite 轻量嵌入#
video 本地/远程视频#
GitHub 仓库卡片#
Gist#
screenshot 网页截图#
icon 引用（图标参考）#
更多图标可在 Blowfish 文档的图标参考页查询，本文仅展示几个常用图标： 。
小结#
上方依次演示了 alert、badge、button、icon、lead、figure、gallery、carousel、timeline、tabs、accordion、typeit、swatches、keyword/keywordList、youtube、youtubeLite、video、github、gist、screenshot 等短代码。图表与流程图相关短代码（chart、mermaid、katex）见 图表与公式测试。