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 分钟前
SPI驱动学习(2)
学习
GISer_Jing13 分钟前
考研|考公GIS:近5年地理信息产业数据全链路核心要点(背诵版)
学习·考研·arcgis
坚持是一种态度1 小时前
软考高级架构师选择题知识点高频100
学习·架构师·软考·考试
qq_429499571 小时前
RK3566 linux编译成功笔记
笔记
yxc_inspire1 小时前
25年CCPC福建邀请赛补题
学习·算法
Slow菜鸟1 小时前
Skill 学习篇(十)| 编排框架 · 五大编排框架 · 全方位决策指南
学习
倒霉熊dd1 小时前
Python学习(第一部分 语法与数据结构/核心基础)
大数据·python·学习·pip
Purple Coder2 小时前
项目一支撑文档阅读笔记-《Handbook on Battery Energy Storage System》
笔记
宵时待雨2 小时前
linux笔记归纳4:进程概念
linux·运维·服务器·c++·笔记
星夜夏空992 小时前
STM32单片机学习(3)——前置知识学习
stm32·单片机·学习