news 2026/5/1 5:56:48

Typora 如何更改字体的颜色

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
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 主题
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/8 23:02:48

串级PID控制3508(2)(单环角度环+单环角速度环+串级PID)

这篇PID的调制就知识我自己个人对于PID的理解了&#xff0c;看了B站好多大佬的视频所以有问题请大家见谅&#xff0c;也请大家多多指正。 这里给大家介绍一个学习PID现象的网页 https://pid-simulator-web.skythinker.top/ 首先我们要知道&#xff0c;DJM3508C620电调的反馈值…

作者头像 李华
网站建设 2026/4/18 23:31:24

KCD Beijing + vLLM 2026 议题征集中!

Kubernetes AI 大模型推理&#xff0c;一场社区共创的技术盛会当 Kubernetes 成为 AI 基础设施的事实标准&#xff0c;当 大模型推理进入工程化与规模化阶段&#xff0c;云原生与 AI&#xff0c;正在真正走向融合。于是&#xff0c;KCD Beijing 与 vLLM 社区 决定一起做一件事…

作者头像 李华
网站建设 2026/4/29 18:28:51

3分钟极速启动:容器化部署媒体下载神器完全指南

3分钟极速启动&#xff1a;容器化部署媒体下载神器完全指南 【免费下载链接】you-get :arrow_double_down: Dumb downloader that scrapes the web 项目地址: https://gitcode.com/GitHub_Trending/yo/you-get &#x1f680; 为什么选择容器化&#xff1f;彻底解决传统安…

作者头像 李华
网站建设 2026/4/28 0:05:18

跨平台移动设备自动化实战指南:Midscene.js多设备协同解决方案

跨平台移动设备自动化实战指南&#xff1a;Midscene.js多设备协同解决方案 【免费下载链接】midscene Let AI be your browser operator. 项目地址: https://gitcode.com/GitHub_Trending/mid/midscene Midscene.js是一个AI驱动的跨平台自动化框架&#xff0c;能够通过自…

作者头像 李华
网站建设 2026/4/22 3:14:33

突破异构算力资源调度瓶颈:企业级资源管理技术革新与实践

突破异构算力资源调度瓶颈&#xff1a;企业级资源管理技术革新与实践 【免费下载链接】HAMi Heterogeneous AI Computing Virtualization Middleware 项目地址: https://gitcode.com/GitHub_Trending/ha/HAMi 一、异构算力管理的技术痛点分析 随着AI与高性能计算需求的…

作者头像 李华
网站建设 2026/4/21 20:54:31

零失败代码合并:GitLens三维代码谱系分析技术完全指南

零失败代码合并&#xff1a;GitLens三维代码谱系分析技术完全指南 【免费下载链接】vscode-gitlens Supercharge Git inside VS Code and unlock untapped knowledge within each repository — Visualize code authorship at a glance via Git blame annotations and CodeLens…

作者头像 李华