跳过正文

数学表达式

·110 字

前言
#

日常记录笔记、撰写技术博文时,我一直习惯使用 Typora 作为主力写作工具。在学习数学、计算机、密码学等相关知识时,文章中会频繁用到各类数学公式、符号表达式。

Typora 原生完美支持 LaTeX 公式语法,编写、预览公式都十分便捷。但将撰写好的 Markdown 文章部署到 Hugo Blowfish 主题博客后,会出现数学公式无法正常渲染、代码标记裸露的问题。

本文将详细讲解 Blowfish 主题下 KaTeX 数学表达式 的正确使用方案,适配 Typora 写作习惯,解决博客公式渲染异常问题。下面是我Typora的设置

image-20260623073542541

一、Blowfish 主题 KaTeX 核心规则
#

Blowfish 主题已内置集成 KaTeX 公式渲染引擎,无需额外安装插件、配置依赖,但必须在文章中声明 KaTeX 短代码,页面才能正常解析并渲染数学公式,否则所有 LaTeX 公式都会失效,直接以原始代码形式展示。

根据 Blowfish 官方文档要求,在文章任意位置添加以下短代码即可启用全局公式渲染(单篇文章仅需添加一次):


该短代码仅为渲染声明,博客前端页面不会展示任何内容,仅后台激活 KaTeX 渲染能力,不影响文章排版和美观。就像我信安笔记中的

image-20260623074319148

因为我这里是写的所以会看到标签或者标记,但是在博客页面显示的时候是不会出现的,下面就是在博客页面显示的效果

image-20260623074445850

二、两种常用数学公式写法(适配全场景)
#

Blowfish 主题完全兼容标准 KaTeX 语法,同时适配 Typora 的 LaTeX 编写习惯,主要分为内联数学表达式块级数学表达式两种用法,可根据排版需求灵活选择。

1. 内联数学表达式(行内公式)
#

适用于文章段落中穿插的简单数学符号、计算公式,公式与文字同行显示,不单独占行,适合简短表达式。

语法规则:将公式内容包裹在 \( \) 分隔符中

示例代码

 \( 7d = 1 + 40k \)
image-20260623074723595

2. 块级数学表达式(独立公式块)
#

适用于需要突出展示、单独成行的完整公式、推导式,公式会居中显示、独占一行,排版更整洁,适合核心公式、定理展示。

语法规则:将公式内容包裹在 $$ $$ 分隔符中,独占代码块

示例代码

image-20260623074848366
$$
55 = 5 \times 11
$$

三、完整使用流程总结
#

  1. Typora 正常写作:按照日常习惯使用 LaTeX 语法编写各类数学公式,无需特殊适配;

  2. 添加渲染声明:文章末尾或开头添加一次 短代码;

  3. 区分公式类型:行内简短公式用 \( \),独立核心公式用$$ $$

  4. 部署预览:重新部署博客,即可正常渲染所有数学表达式。

四、常见问题说明
#

注意事项

1. katex 短代码单篇文章仅需一次,重复添加不报错,但无额外效果;

2. 语法完全兼容 Typora,无需修改原有公式代码,仅需补充渲染声明;

3. 支持绝大多数 LaTeX 数学符号、公式语法,满足学习、笔记、技术博文的日常使用需求。

相关文章