实用软件分享

typora样式设置 Typora 修改主题与自定义 CSS 的方法

2026-10-16 0 次查看

typora样式设置主要分两条路:一条是换现成主题,在「偏好设置」的外观里点选即可;另一条是改 CSS 文件,自己调字体、行距、标题颜色和代码块样式。想快速看到效果就先换主题,想精细控制版面就进主题文件夹改 CSS,改完保存回到 Typora 窗口通常即时生效。

  1. 先分清换主题和改 CSS 两种方式
    Typora 的样式设置并不只有一个入口。最常见的是换主题:软件自带若干套主题,点一下整体配色、字号、标题风格都会跟着变,适合不想折腾文件的人。另一种是自定义 CSS:每套主题对应一个 CSS 文件,你可以在里面逐条写字体、行距、边距、标题颜色、引用块背景、代码块高亮的规则。两者可以叠加,先选一套接近你喜好的主题,再在其 CSS 上做微调,比从空白开始省事得多。判断自己该用哪种:只想换个观感就换主题;想精确控制某类元素的显示,就改 CSS。
  2. 在偏好设置里切换和查看当前主题
    打开 Typora,进入「偏好设置」,找到「外观」一栏,里面会列出所有已安装主题,点选即可切换,主编辑区立即刷新。这里通常还能调整正文字号、是否显示侧边栏等基础项。注意区分「主题」和「外观」里的通用选项:主题决定配色和排版整体风格,通用选项只影响局部显示。如果你在偏好设置里改了字号却觉得标题比例不对,往往不是选项失效,而是所选主题自己写死了标题字号,需要去 CSS 里改。切主题后如果界面没变化,先确认点选的是主题列表里的项,而不是只改了旁边的开关。
  3. 打开主题文件夹定位要改的 CSS 文件
    在「偏好设置」的外观区域一般有「打开主题文件夹」按钮,点开后系统文件管理器会跳到 Typora 存放主题的目录。目录里每套主题一个 CSS 文件,文件名与主题名对应,另外可能还有与主题配套的资源文件夹。你要改哪套主题,就编辑与它同名的那个 CSS。由于每台电脑的安装路径可能不同,不要凭记忆找路径,直接用软件里的按钮打开最稳妥。打开后建议先确认文件名和当前正在用的主题名一致,避免改了 A 主题却发现界面用的是 B 主题,白白折腾。
  4. 用文本编辑器修改常见的样式项
    用任意纯文本编辑器打开目标 CSS,先找到你想调整的选择器。常见可改项包括:正文字体与字号,搜索 body 或内容容器的选择器;标题层级,找 h1 到 h6 的规则;行距,改 line-height;段落间距,改 margin;引用块,找 blockquote;行内代码与代码块,找 code 和 pre 相关规则;链接颜色,找 a 的规则。改的时候只动属性值,别删掉花括号和分号,否则整段规则会失效。拿不准某个选择器管什么,可以先把它的颜色改成很显眼的值试一下,确认生效后再改成正式颜色。改完保存文件,回到 Typora 看效果,多数情况下会即时刷新。
  5. 改坏了怎么恢复以及注意版本差异
    自定义 CSS 前最好把原文件复制一份留底,命名加个备份后缀,改坏了直接换回来即可。如果界面出现错乱,先关掉 Typora 再打开,排除只是没刷新;仍不对就恢复备份,再逐条重新试。不同 Typora 版本的主题文件夹位置、偏好设置里选项的叫法可能略有差异,找不到「打开主题文件夹」时,可以在偏好设置的外观区域逐项查看,或直接在文件管理器里按主题名搜索,不要照搬别人的绝对路径。另外,从网上下载的第三方主题放进主题文件夹后,重启或重新打开外观列表才能被识别,放进去没出现就先确认文件确实在主题目录里,而不是只下载到了下载文件夹。

软件页面:Typora。