[{"content":"这是「Blowfish 系列」的第一篇文章。系列文章通过 front matter 中的 series 字段聚合，Blowfish 会在文章页侧边展示同一系列的其他文章。\n安装 # Blowfish 可作为 Hugo Module 或 git submodule 安装。本项目使用 git submodule 方式，主题位于 themes/blowfish。\n目录结构 # config/_default/：分文件配置 content/zh-cn/：中文内容 content/en/：英文内容 assets/：自定义资源 static/：静态文件 下一篇 # 继续阅读系列的第二篇：Blowfish 系列文章之二：配置。\n","date":"2024-06-01","externalUrl":null,"permalink":"/zh-cn/posts/%E7%B3%BB%E5%88%97%E6%96%87%E7%AB%A0%E4%B9%8B%E4%B8%80-%E5%85%A5%E9%97%A8/","section":"Zh-Cns","summary":"这是「Blowfish 系列」的第一篇文章。系列文章通过 front matter 中的 series 字段聚合，Blowfish 会在文章页侧边展示同一系列的其他文章。\n","title":"Blowfish 系列文章之一：入门","type":"zh-cn"},{"content":"这是「Blowfish 系列」的第二篇，介绍配置项。\n颜色方案 # colorScheme 支持 fire、ocean、forest、princess 等多种内置方案，本项目当前使用 fire。\n首页布局 # homepage.layout 可选 page、profile、hero、card、background、custom，本项目使用 profile。\n文章页参数 # [article] 段控制文章页显示：日期、阅读时长、字数、目录、面包屑、分页、相关文章等。\n上一篇 # 回到系列第一篇：Blowfish 系列文章之一：入门。\n","date":"2024-06-08","externalUrl":null,"permalink":"/zh-cn/posts/%E7%B3%BB%E5%88%97%E6%96%87%E7%AB%A0%E4%B9%8B%E4%BA%8C-%E9%85%8D%E7%BD%AE/","section":"Zh-Cns","summary":"这是「Blowfish 系列」的第二篇，介绍配置项。\n","title":"Blowfish 系列文章之二：配置","type":"zh-cn"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/authors/arc/","section":"Authors","summary":"","title":"Arc","type":"authors"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/","section":"Arc's Blog","summary":"","title":"Arc's Blog","type":"page"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/authors/","section":"Authors","summary":"","title":"Authors","type":"authors"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/categories/","section":"Categories","summary":"","title":"Categories","type":"categories"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/tags/shortcodes/","section":"Tags","summary":"","title":"Shortcodes","type":"tags"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/tags/","section":"Tags","summary":"","title":"Tags","type":"tags"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/zh-cn/","section":"Zh-Cns","summary":"","title":"Zh-Cns","type":"zh-cn"},{"content":"这里是所有博客文章的列表。本站使用 Hugo + Blowfish 构建，下方文章用于测试主题的各类特性。\n","date":"2024-06-15","externalUrl":null,"permalink":"/zh-cn/posts/","section":"Zh-Cns","summary":"","title":"博客","type":"zh-cn"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/tags/%E6%B5%8B%E8%AF%95/","section":"Tags","summary":"","title":"测试","type":"tags"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/tags/%E5%A4%9A%E5%AA%92%E4%BD%93/","section":"Tags","summary":"","title":"多媒体","type":"tags"},{"content":"","date":"2024-06-15","externalUrl":null,"permalink":"/categories/%E7%A4%BA%E4%BE%8B/","section":"Categories","summary":"","title":"示例","type":"categories"},{"content":"本文测试多媒体相关短代码。本文开启了 showHero 并使用 background 风格的 hero 区域。\nfigure 单图 # 带说明文字的图片 带链接的图片：\n点击跳转 Hugo 官网 gallery 图库（不同列宽） # carousel 轮播 # Previous Next video 视频 # Your browser cannot play this video. Download video.\nyoutube # screenshot 网页截图 # 小结 # 本文覆盖了 Blowfish 中所有多媒体相关短代码。配合 短代码大全 可一次性核对绝大多数短代码渲染效果。\n","date":"2024-06-15","externalUrl":null,"permalink":"/zh-cn/posts/%E5%9B%BE%E5%BA%93%E4%B8%8E%E5%A4%9A%E5%AA%92%E4%BD%93/","section":"Zh-Cns","summary":"本文测试多媒体相关短代码。本文开启了 showHero 并使用 background 风格的 hero 区域。\n","title":"图库与多媒体测试","type":"zh-cn"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/tags/blowfish/","section":"Tags","summary":"","title":"Blowfish","type":"tags"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/series/blowfish-%E7%B3%BB%E5%88%97/","section":"Series","summary":"","title":"Blowfish-系列","type":"series"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/series/","section":"Series","summary":"","title":"Series","type":"series"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/categories/%E6%95%99%E7%A8%8B/","section":"Categories","summary":"","title":"教程","type":"categories"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/tags/%E9%85%8D%E7%BD%AE/","section":"Tags","summary":"","title":"配置","type":"tags"},{"content":"","date":"2024-06-08","externalUrl":null,"permalink":"/tags/%E7%B3%BB%E5%88%97/","section":"Tags","summary":"","title":"系列","type":"tags"},{"content":"","date":"2024-06-01","externalUrl":null,"permalink":"/tags/%E5%85%A5%E9%97%A8/","section":"Tags","summary":"","title":"入门","type":"tags"},{"content":"","date":"2024-05-10","externalUrl":null,"permalink":"/series/blowfish-%E6%B5%8B%E8%AF%95/","section":"Series","summary":"","title":"Blowfish-测试","type":"series"},{"content":"","date":"2024-05-10","externalUrl":null,"permalink":"/tags/chart/","section":"Tags","summary":"","title":"Chart","type":"tags"},{"content":"","date":"2024-05-10","externalUrl":null,"permalink":"/tags/katex/","section":"Tags","summary":"","title":"Katex","type":"tags"},{"content":"","date":"2024-05-10","externalUrl":null,"permalink":"/tags/mermaid/","section":"Tags","summary":"","title":"Mermaid","type":"tags"},{"content":"本文集中演示 Blowfish 的数据可视化与数学公式能力。\nChart.js 图表 # Blowfish 内置 Chart.js，通过 chart 短代码即可使用，并自动套用 colorScheme 主题色。\n柱状图 # 折线图 # 环形图 # Mermaid 图表 # 流程图 # graph TD A[开始] --\u003e|获取数据| B(处理数据) B --\u003e C{是否成功?} C ==\u003e|是| D[输出结果] C --\u003e|否| E[记录错误] E --\u003e B 时序图 # sequenceDiagram autonumber participant Client participant Server participant DB Client-\u003e\u003eServer: GET /api/posts Server-\u003e\u003eDB: SELECT * FROM posts DB--\u003e\u003eServer: rows Server--\u003e\u003eClient: 200 OK (JSON) 甘特图 # gantt title 项目计划 dateFormat YYYY-MM-DD section 设计 需求分析 :a1, 2024-05-01, 7d 原型设计 :after a1, 5d section 开发 前端开发 :2024-05-13, 10d 后端开发 :2024-05-13, 12d section 上线 测试与上线 :2024-05-26, 4d 类图 # classDiagram Animal \u003c|-- Duck Animal \u003c|-- Fish Animal : +int age Animal : +String name Animal: +isMammal() Duck: +swim() Fish: +dive() KaTeX 数学公式 # 先启用 KaTeX：\n行内公式 # 行内公式用 \\( \\) 包裹，例如黄金分割比 \\(\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887\\ldots\\)\n块级公式 # 块级公式用 $$ 包裹：\n$$ \\varphi = 1+\\frac{1} {1+\\frac{1} {1+\\frac{1} {1+\\cdots} } } $$ 更多示例 # 欧拉公式：\n$$ e^{i\\pi} + 1 = 0 $$高斯积分：\n$$ \\int_{-\\infty}^{\\infty} e^{-x^2}\\,dx = \\sqrt{\\pi} $$矩阵：\n$$ \\begin{bmatrix} a \u0026amp; b \\ c \u0026amp; d \\end{bmatrix} \\begin{bmatrix} x \\ y \\end{bmatrix} # \\begin{bmatrix} ax + by \\ cx + dy \\end{bmatrix} $$\n","date":"2024-05-10","externalUrl":null,"permalink":"/zh-cn/posts/%E5%9B%BE%E8%A1%A8%E4%B8%8E%E5%85%AC%E5%BC%8F/","section":"Zh-Cns","summary":"本文集中演示 Blowfish 的数据可视化与数学公式能力。\n","title":"图表与公式测试","type":"zh-cn"},{"content":"本文把 Blowfish 自带的短代码集中演示一遍，方便核对渲染效果。\nalert 提示框 # 默认提示：这是一个普通的 alert 短代码。 警告：这是一个带 warning 主题的提示框。 自定义样式：可以自定义图标、卡片颜色、图标颜色与文字颜色。 badge 徽章 # 默认徽章 蓝色徽章 自定义徽章 button 按钮 # 访问 Hugo Blowfish 官网 icon 图标 # Blowfish 内置 FontAwesome 6 图标，可通过 icon 短代码引入：\n也可以在文本中混排：部署到 服务器，代码托管在 GitHub。\nlead 引导文字 # 这是一段引导文字（lead），字号比正文更大，常用于文章开头的摘要性陈述。 figure 图片 # 一张来自 picsum 的占位图，点击可放大 gallery 图库 # gallery 支持多张图片，可来自远程地址：\ncarousel 轮播 # Previous Next timeline 时间线 # 2024-01 项目初始化，基于 Hugo + Blowfish 搭建。 2024-03 完成主题配置与多语言设置。 2024-05 正式上线，发布首批文章。 tabs 选项卡 # package main import \u0026#34;fmt\u0026#34; func main() { fmt.Println(\u0026#34;Hello from Go\u0026#34;) } print(\u0026#34;Hello from Python\u0026#34;) fn main() { println!(\u0026#34;Hello from Rust\u0026#34;); } accordion 折叠面板 # 什么是 Blowfish？ Blowfish 是一个为 Hugo 设计的、功能丰富的轻量级主题。 它支持深色模式吗？ 支持，并且可以跟随系统自动切换。 typeit 打字机效果 # swatches 色板 # keyword \u0026amp; keywordList 关键词 # Hugo 是一个用 Go 编写的静态站点生成器。\n常用关键词列表：\nBlowfish Hugo Tailwind 视频与外链嵌入 # YouTube（内置 youtube 短代码） # youtubeLite 轻量嵌入 # video 本地/远程视频 # Your browser cannot play this video. Download video.\nGitHub 仓库卡片 # nunocoracao/blowfish Personal Website \u0026amp; Blog Theme for Hugo HTML 2885 742 Gist # screenshot 网页截图 # icon 引用（图标参考） # 更多图标可在 Blowfish 文档的图标参考页查询，本文仅展示几个常用图标： 。\n小结 # 上方依次演示了 alert、badge、button、icon、lead、figure、gallery、carousel、timeline、tabs、accordion、typeit、swatches、keyword/keywordList、youtube、youtubeLite、video、github、gist、screenshot 等短代码。图表与流程图相关短代码（chart、mermaid、katex）见 图表与公式测试。\n","date":"2024-05-05","externalUrl":null,"permalink":"/zh-cn/posts/%E7%9F%AD%E4%BB%A3%E7%A0%81%E5%A4%A7%E5%85%A8/","section":"Zh-Cns","summary":"本文把 Blowfish 自带的短代码集中演示一遍，方便核对渲染效果。\n","title":"Blowfish 短代码大全","type":"zh-cn"},{"content":"","date":"2024-05-01","externalUrl":null,"permalink":"/tags/markdown/","section":"Tags","summary":"","title":"Markdown","type":"tags"},{"content":"本文用于测试 Hugo + Blowfish 下的 Markdown 基础排版能力。下方依次展示各类元素。\n标题层级 # 下面的 \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; 代表六个级别的章节标题。\n一级标题 H1 # 二级标题 H2 # 三级标题 H3 # 四级标题 H4 # 五级标题 H5 # 六级标题 H6 # 段落 # Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur.\n中文段落同样可以正常渲染。Blowfish 设置了 hasCJKLanguage = true，因此中文字符能够被正确分词与统计字数。\n引用 # 不带出处的引用 # 这是一段引用内容。 注意：引用内部依然可以使用 Markdown 语法。\n带出处的引用 # Don\u0026rsquo;t communicate by sharing memory, share memory by communicating.\n— Rob Pike1\n表格 # 表格不是 Markdown 核心规范的一部分，但 Hugo 开箱即用地支持它。\n姓名 年龄 职业 Bob 27 工程师 Alice 23 设计师 表格内的行内 Markdown # 斜体 粗体 代码 italics bold code 代码块 # 普通代码块 # \u0026lt;!DOCTYPE html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34; /\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; 带标题与行高亮的代码块 # hello.go1package main 2 3import \u0026#34;fmt\u0026#34; 4 5func main() { 6\tfmt.Println(\u0026#34;Hello, Blowfish!\u0026#34;) 7} Diff 代码块 # patch.diff- const old = \u0026#34;removed\u0026#34; + const new = \u0026#34;added\u0026#34; // unchanged line 列表 # 有序列表 # 第一项 第二项 第三项 无序列表 # 列表项 另一个项 再一个项 嵌套列表 # 水果 苹果 橙子 香蕉 乳制品 牛奶 奶酪 任务列表 # 完成初稿 添加代码示例 校对全文 发布上线 其他元素 — abbr, sub, sup, kbd, mark # GIF 是一种位图图像格式。\nH2O 是水的化学式。\nXn + Yn = Zn\n按 CTRL+ALT+Delete 来结束会话。\n大多数 蝾螈 是夜行动物。\n分隔线 # 上方内容\n下方内容\n链接 # 这是一个 到 Hugo 官网的外部链接，以及一个使用 ref 短代码的内部链接：图表与公式测试。\n图片（Markdown 语法） # 来自 picsum 的占位图 也可以利用 Hugo 的 Markdown 属性为图片添加自定义样式：\n宽度 50% 上面的引用来自 Rob Pike 在 Gopherfest 上的演讲。\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","date":"2024-05-01","externalUrl":null,"permalink":"/zh-cn/posts/markdown-%E5%9F%BA%E7%A1%80%E6%8E%92%E7%89%88/","section":"Zh-Cns","summary":"本文用于测试 Hugo + Blowfish 下的 Markdown 基础排版能力。下方依次展示各类元素。\n","title":"Markdown 与基础排版测试","type":"zh-cn"},{"content":"","date":"2024-05-01","externalUrl":null,"permalink":"/tags/%E5%9F%BA%E7%A1%80/","section":"Tags","summary":"","title":"基础","type":"tags"},{"content":"Arc 是一名开发者，喜欢折腾静态站点生成器、写博客记录学习笔记。\n","date":"2024-01-01","externalUrl":null,"permalink":"/zh-cn/authors/arc/","section":"Zh-Cns","summary":"","title":"Arc","type":"zh-cn"}]