news 2026/4/23 15:12:57

Typora 如何更改字体的颜色

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Typora 如何更改字体的颜色

Typora 是一款追求极简主义的 Markdown 编辑器,它本身并没有像 Word 那样直接的“调色盘”工具栏。但既然它支持HTML 渲染,我们有几种灵活的方法来给你的文字“点颜色瞧瞧”。


方法一:使用 HTML 标签(最直接,无需配置)

Markdown 兼容 HTML,你可以直接在文档中输入标签来改变颜色。这是最通用的方法:

  • 语法:

    HTML

    <span style="color:red">你要变红的文字</span>
  • 常用颜色写法:

    • 英文单词:red,blue,green,orange
    • 十六进制:#FF5733,#00FF00
    • RGB 模式:rgb(255, 0, 0)

小技巧:如果你觉得输入<span...太麻烦,可以先写好一个模板,每次需要时直接复制粘贴。


方法二:使用 AutoHotkey 脚本(Windows 用户推荐,一键变色)

如果你需要频繁更改颜色,手动敲 HTML 标签简直是折磨。通过AutoHotkey (AHK),你可以设置一个快捷键(比如Alt + R)自动把选中的文字包裹上 HTML 颜色标签。

  1. 安装 AutoHotkey。

  2. 创建一个.ahk脚本文件,输入以下代码:

    #Requires AutoHotkey v2.0 #SingleInstance Force ; ------------------------------------------------------------------- ; Typora 一键变色脚本 (v2 版) ; 快捷键:Alt + R (红), Alt + G (绿), Alt + B (蓝) ; ------------------------------------------------------------------- #HotIf WinActive("ahk_exe Typora.exe") !r:: ColorText("red") !g:: ColorText("green") !b:: ColorText("blue") ColorText(colorName) { ; 1. 备份当前剪贴板 oldClipboard := ClipboardAll() ; 2. 清空剪贴板并尝试复制 A_Clipboard := "" Send("^c") ; 3. 等待复制完成,超时 0.5 秒 if !ClipWait(0.5) { return } ; 4. 包裹 HTML 标签 A_Clipboard := '<span style="color:' . colorName . '">' . A_Clipboard . '</span>' ; 5. 粘贴 Send("^v") ; 6. 等待粘贴完成并恢复备份 Sleep(100) A_Clipboard := oldClipboard } #HotIf
  3. 运行脚本后,在 Typora 里选中文字按下Alt + R即可。


方法三:修改主题 CSS(全局方案)

如果你希望某种特定格式(比如加粗或者高亮)自动变成特定颜色,可以通过修改 CSS 实现:

  1. 点击偏好设置->外观->打开主题文件夹

  2. 找到你正在使用的.css文件(或者创建一个base.user.css文件)。

  3. 添加如下代码(例如将高亮变为粉色):

    mark { background-color: transparent; /* 去掉原本的背景色 */ color: #ff69b4; /* 变成粉色字体 */ font-weight: bold; }
  4. 重启 Typora,之后使用==文字==就会自动变成粉色。


总结建议

需求场景推荐方法
偶尔改一次颜色方法一:直接写 HTML<span>标签
高频科研笔记/整理方法二:配置 AutoHotkey 快捷键
固定格式习惯方法三:修改自定义 CSS 主题
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 13:16:15

曝华泰港股通佣金略高于同业?华泰金融控股费率优化引投资者关注?

曝华泰港股通佣金略高于同业?华泰金融控股费率优化引投资者关注?近期有投资者反馈&#xff0c;华泰金融控股的港股通交易佣金费率相较部分同业券商略显偏高&#xff0c;引发市场关注。据行业数据显示&#xff0c;目前主流券商港股通佣金普遍可协商至万1.5左右&#xff0c;而华…

作者头像 李华
网站建设 2026/4/23 14:46:52

4个步骤搞定开源笔记管理:Joplin多设备知识同步解决方案

4个步骤搞定开源笔记管理&#xff1a;Joplin多设备知识同步解决方案 【免费下载链接】joplin Joplin 是一款安全笔记记录与待办事项应用&#xff0c;具备跨平台同步功能&#xff0c;支持 Windows、macOS、Linux、Android 和 iOS 平台。 项目地址: https://gitcode.com/GitHub…

作者头像 李华
网站建设 2026/4/23 14:34:11

smartmontools 2024实战指南:磁盘健康监控从入门到精通

smartmontools 2024实战指南&#xff1a;磁盘健康监控从入门到精通 【免费下载链接】smartmontools Official read only mirror of the smartmontools project SVN 项目地址: https://gitcode.com/gh_mirrors/smar/smartmontools 1. 数据安全的隐形威胁&#xff1a;为什…

作者头像 李华
网站建设 2026/4/18 1:10:20

cursor-free-everyday免费工具:3步轻松掌握AI编程额度重置技巧

cursor-free-everyday免费工具&#xff1a;3步轻松掌握AI编程额度重置技巧 【免费下载链接】cursor-free-everyday 完全免费, 自动获取新账号,一键重置新额度, 解决机器码问题, 自动满额度 项目地址: https://gitcode.com/gh_mirrors/cu/cursor-free-everyday cursor-fr…

作者头像 李华
网站建设 2026/4/23 13:21:11

提升多任务处理效率的3个秘诀:软件多窗口功能深度应用指南

提升多任务处理效率的3个秘诀&#xff1a;软件多窗口功能深度应用指南 【免费下载链接】claude-code Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining com…

作者头像 李华
网站建设 2026/4/23 10:20:39

《乒乓球电子裁判:基于 Flutter for OpenHarmony 的发球检测系统》

&#x1f3d3;《乒乓球电子裁判&#xff1a;基于 Flutter for OpenHarmony 的发球检测系统》 &#x1f310; 加入社区 欢迎加入 开源鸿蒙跨平台开发者社区&#xff0c;获取最新资源与技术支持&#xff01; 一、引言&#xff1a;为什么需要“电子发球裁判”&#xff1f; 在业余…

作者头像 李华