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 主题
相关推荐
AOwhisky29 分钟前
MySQL 学习笔记(第一期):数据库基础与 MySQL 初探
运维·数据库·笔记·学习·mysql·云计算
RainCity1 小时前
Java Swing 自定义组件库分享(十一)
java·笔记·后端
try2find1 小时前
Agent学习之补充my_plan_solve_agent
学习
bbaydnog1 小时前
FreeRTOS学习笔记 18:调试方法论——HardFault排查、栈溢出检测、运行时统计,RTOS调试三板斧
笔记·单片机·freertos
想你依然心痛2 小时前
HarmonyOS 6(API 23)实战:打造“光码智学舱“——AI编程学习新范式
学习·ar·ai编程·harmonyos·智能体
Lin_Aries_04213 小时前
ETPNav 复现指南:从环境搭建到连续环境视觉语言导航全流程
笔记·具身智能·datawhale
一口吃俩胖子3 小时前
【脉宽调制DCDC功率变换学习笔记023】渐进分析法
笔记·学习
m0_377108143 小时前
pid学习
学习
爱喝水的鱼丶3 小时前
SAP-ABAP:SAP基础数据校验工具开发系列博客(共5篇)第三篇:SAP接口对接开发:实现数据的实时/批量校验交互
运维·数据库·学习·性能优化·sap·abap·经验交流
智者知已应修善业4 小时前
【51单片机2个外部中断切换LED花样】2024-1-3
c++·经验分享·笔记·算法·51单片机