Typora怎么改变字体颜色？局部着色与全局CSS设置教程

在 Typora 中，默认的 Markdown 语法并不直接支持修改文字颜色，但我们可以通过两种主要方式实现这一需求：一种是利用 HTML 标签对文档中的特定片段进行局部着色，另一种是通过自定义 CSS 文件来统一控制整篇文档或特定层级标题的颜色。前者适合强调个别关键词或提示信息，后者则更适合建立统一的视觉规范。下面以 Windows 版本为例，先演示如何给一句话添加红色警示效果，再说明如何批量设置二级标题的颜色。

使用HTML span标签实现局部文字变色效果

1. 用局部样式给一句话着色

打开一份测试文档，输入一句需要强调的文字，例如“请先保存文件”。如果只想改变这一句话的颜色，而不影响其他内容，可以使用 Typora 支持的 HTML 内联样式。具体写法如下：

请先保存文件

在输入时，请确保将这行代码直接写在正文中，而不是放在代码块（即由三个反引号包裹的区域）里。如果放在代码块中，Typora 会将其显示为源代码文本，而不会渲染成带颜色的文字。正常渲染后，只有被 span 标签包裹的这部分文字会显示为指定的深红色，后续的普通段落仍保持主题默认的颜色。

注意保留颜色值前的井号以及英文标点，开始标签 和结束标签 必须成对出现。如果需要修改提示内容，只需更改标签中间的文字即可；若想恢复为普通文字，删除包裹它的样式标签并保留原文本即可。

1. 用局部样式给一句话着色

2. 打开主题目录，准备自定义样式

如果希望文档中所有的二级标题都使用同一种颜色，逐个添加 HTML 标签不仅效率低，也不利于后期维护。此时可以通过自定义 CSS 来实现。首先，点击菜单栏的【文件】→【偏好设置】，在左侧选择【外观】，然后点击右侧的【打开主题文件夹】按钮。这将唤起 Windows 资源管理器，显示当前 Typora 使用的主题文件所在目录。

在偏好设置的外观选项中找到并打开主题文件夹

在该目录下，你可以创建或编辑名为 base.user.css 的文件。如果该文件已存在，建议先进行备份，然后在现有内容的末尾追加新的规则，避免覆盖原有设置。在 Windows 系统中，如果开启了“隐藏已知文件类型的扩展名”，请务必检查文件名是否为 base.user.css，防止被误存为 base.user.css.txt 导致无法生效。

base.user.css 会对所有主题生效；如果你只想针对某个特定主题进行修改，应创建与该主题 CSS 文件名对应的 .user.css 文件（例如主题为 github.css，则创建 github.user.css）。注意主题文件名区分大小写，拼写需完全一致。

3. 为二级标题添加颜色规则

使用记事本或其他文本编辑器打开 base.user.css 文件，加入以下 CSS 规则：

#write h2 {
  color: #1565c0;
}

保存文件后，重新启动 Typora，或者在 Typora 中切换一下主题再切回来，以强制重新加载样式。回到测试文档，输入一个二级标题（使用 ## 标题文字 语法），观察其颜色是否变为了指定的蓝色。规则中的 h2 代表二级标题，它不会影响普通加粗的段落，也不会改变其他级别的标题颜色。

在user.css文件中添加针对h2标题的颜色代码

如果需要调整正文的默认颜色，可以添加针对 #write 的 color 规则。但在深色主题下，过暗的文字可能难以辨认，因此每次修改后都应在实际使用的主题下检查对比度。不建议直接修改内置主题的原始 CSS 文件，因为软件更新可能会覆盖这些修改。如果规则未生效，请检查文件名、保存路径以及 CSS 语法中的标点符号是否正确。

4. 保存并核对导出后的样式

完成设置后，按 Ctrl + S 保存文档。需要注意的是，局部使用的 span 样式是写在 Markdown 源文件中的，而主题 CSS 规则是独立的外部文件。如果你只将 .md 文件发送给他人，对方如果没有安装相同的自定义 CSS 文件，将无法看到统一设置的标题颜色。

重启Typora后，二级标题显示为设定的蓝色

如果需要分享固定外观的文档，建议根据实际需求导出为 HTML 或 PDF 格式，并打开导出后的文件检查颜色、背景和标题样式是否符合预期。不同的输出方式或第三方平台可能会过滤 HTML 标签或忽略自定义主题样式，因此不要仅凭 Typora 编辑窗口的显示效果就断定所有场景下样式都能保持一致。

此外，尽量避免仅依靠红绿颜色来区分重要状态，最好同时配合“注意”、“完成”等文字说明，以确保信息传达的准确性。保留好可恢复的源文件和 CSS 备份，以便后续更换主题或调整样式时能轻松处理。