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 主题
相关推荐
私人珍藏库9 小时前
[Android] 会计快题库 -财会职称考试刷题学习
android·人工智能·学习·app·软件·多功能
chouchuang12 小时前
day-030-综合练习-笔记管理器
开发语言·笔记·python
从零开始的代码生活_14 小时前
C++ list 原理与实践:双向链表、迭代器与简化实现
开发语言·c++·后端·学习·算法·链表·list
二炮手亮子15 小时前
记录AI学习之路Day13:小模型(AI生成)
学习
程序员小八77716 小时前
从 0 学习 MySQL 索引——7 大核心精讲
android·学习·mysql
渣渣灰飞16 小时前
MySQL 系统学习 第六阶段:Redis + 缓存 + 高并发设计 第六章:Redis 实现登录 Token
学习·mysql·缓存
渣渣灰飞16 小时前
MySQL 系统学习 第六阶段:Redis + 缓存 + 高并发设计 第五章:缓存穿透、缓存击穿、缓存雪崩
学习·mysql·缓存
岑梓铭16 小时前
《考研408数据结构》第六章(6.3 图的遍历)复习笔记
数据结构·笔记·考研··拓扑排序·408
he_wen_jian16 小时前
【无标题】
笔记
念何架构之路16 小时前
Docker 容器状态机 学习
java·学习·docker