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 主题
相关推荐
时代的凡人11 小时前
0208晨间笔记
笔记
今天只学一颗糖12 小时前
1、《深入理解计算机系统》--计算机系统介绍
linux·笔记·学习·系统架构
testpassportcn13 小时前
AWS DOP-C02 認證完整解析|AWS DevOps Engineer Professional 考試
网络·学习·改行学it
游乐码15 小时前
c#变长关键字和参数默认值
学习·c#
饭碗、碗碗香16 小时前
【Python学习笔记】:Python的hashlib算法简明指南:选型、场景与示例
笔记·python·学习
Wils0nEdwards17 小时前
初中化学1
笔记
魔力军17 小时前
Rust学习Day4: 所有权、引用和切片介绍
开发语言·学习·rust
wubba lubba dub dub75017 小时前
第三十六周 学习周报
学习
学编程的闹钟18 小时前
PHP字符串表示方式全解析
学习
Lbs_gemini060318 小时前
01-01-01 C++编程知识 C++入门 工具安装
c语言·开发语言·c++·学习·算法