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 主题
相关推荐
电子云与长程纠缠3 小时前
Godot学习05 - 播放与分离FBX动画
学习·游戏引擎·godot
蒸蒸yyyyzwd3 小时前
day3学习笔记
笔记·学习
red_redemption5 小时前
自由学习记录(143)
学习
楼田莉子6 小时前
MySQL数据库:MySQL的数据类型
数据库·学习·mysql
小陈phd6 小时前
系统架构师学习笔记(三)——计算机体系结构之存储系统
笔记·学习·系统架构
Rsun045517 小时前
AI智能体学习路线
人工智能·学习
feasibility.7 小时前
SSH Agent Forwarding 与 tmux 排障笔记
linux·运维·服务器·经验分享·笔记·ssh
charlie1145141917 小时前
通用GUI编程技术——Win32 原生编程实战(十六)——Visual Studio 资源编辑器使用指南
开发语言·c++·ide·学习·gui·visual studio·win32
知识分享小能手7 小时前
MongoDB入门学习教程,从入门到精通,MongoDB查询(4)
数据库·学习·mongodb
weixin_409383127 小时前
godot等轴视角tilemaplayer的学习 isocheric的素材xy大小怎么调
学习·游戏引擎·godot