MarkText主题自定义指南:打造专属写作环境

2026年4月7日

MarkText内置了6款精美主题(包括Cadmium Light、Material Dark、One Dark等),但每个人的审美和写作场景不同。通过自定义CSS主题,你可以调整字体、配色、行高等细节,打造完全符合个人习惯的写作环境。本文将详细介绍MarkText的主题系统以及如何创建自定义主题。

内置主题概览

MarkText v0.17.1版本提供以下6款开箱即用主题:

切换主题方法

  1. 点击菜单栏「主题」或使用快捷键
  2. 在偏好设置(Ctrl + ,)的「Theme」选项卡中选择
  3. 主题切换即时生效,无需重启编辑器

自定义主题入门

MarkText支持通过修改CSS变量来自定义主题。主题文件通常位于配置目录下:

关键CSS变量说明

变量名 作用 示例值
--editor-bg-color 编辑器背景色 #ffffff#1e1e1e
--editor-text-color 正文文字颜色 #333333
--editor-font-family 正文字体 "Source Han Serif SC", serif
--editor-line-height 行高 1.8
--editor-font-size 字号 16px
--theme-color 主题强调色 #409eff
--selection-bg-color 选中文本背景色 #b3d8ff

中文写作优化配置

针对中文用户的推荐配置方案:

1. 中文字体优化

--editor-font-family: "Source Han Serif SC", "Noto Serif CJK SC", "PingFang SC", "Microsoft YaHei", serif;
      --editor-code-font-family: "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;

推荐使用"思源宋体"(Source Han Serif)作为正文字体,"JetBrains Mono"作为代码字体,中西文混排更协调。

2. 中文排版优化

--editor-line-height: 1.8;  /* 中文需要更大行距 */
      --editor-font-size: 16px;   /* 中文16px阅读舒适 */
      --paragraph-spacing: 1.2em; /* 段落间距 */

3. 夜间护眼配色

--editor-bg-color: #1a1a1a;
      --editor-text-color: #d1d1d1;
      --theme-color: #61afef;
      --selection-bg-color: #264f78;

创建自定义主题步骤

  1. 在themes目录下创建新文件夹,如 my-theme
  2. 在该文件夹内创建 index.css 文件
  3. 复制内置主题的CSS内容作为基础模板
  4. 修改变量值,调整为你喜欢的配色和字体
  5. 重启MarkText,在主题列表中选择你的自定义主题

主题分享与导入

你可以将自己创建的主题分享到GitHub,其他用户只需将主题文件夹复制到他们的themes目录即可使用。MarkText社区欢迎优秀的主题设计。

提示:修改主题前建议备份原始文件,或使用版本控制管理你的自定义主题。

想要立即体验主题切换?下载MarkText v0.17.1,内置6款主题一键切换,支持Apple Silicon原生运行,让写作环境随心所欲。

免费下载 MarkText

开启优雅写作之旅

Windows版

v0.17.1
约 100 MB (64位)
完全免费 · 无广告

macOS版

v0.17.1
约 110 MB
原生支持 Apple Silicon
通过包管理器安装:sudo snap install marktext (Linux)