• 设计系统
• UI组件
• 前端

Phycat 是一款精心打磨的多色多功能 Typora 主题，包含 8 款亮色系与 3 款暗色系配色，自带灵动动画、精致大纲与 HTML 导出优化。本文带你用3 步完成 Typora Phycat 主题安装，并分享 Win/Mac 一键定位 themes 主题目录的技巧，新手也能 1 分钟上手。

一、安装前 1 分钟：Phycat 主题里都有什么？

在动手之前，先搞清楚主题包的构成，安装时才能"有的放矢"：

主题包主要由两部分组成：

• phycat/公共文件夹：存放亮/暗两套样式基础文件（phycat.light.css、phycat.dark.css）和霞骛文楷字体（LXGWWenKai-Regular.ttf、Cascadia-Code-Regular.ttf）
• 各配色 CSS 文件：如 phycat-forest.css、phycat-vampire.css，一个文件对应一款主题配色

💡 配色文件与样式文件是分离设计的，安装后想改颜色，只需复制一份配色 CSS 修改即可，非常易定制。

二、3 步完成 Typora Phycat 主题安装

第 1 步：获取最新主题文件

两种方式任选其一：

1. 从仓库 Releases 页下载最新主题包（推荐，解压即用）
2. 克隆仓库获取源码：

git clone https://gitcode.com/gh_mirrors/typ/typora-theme-phycat.git

第 2 步：Win/Mac 一键定位 Typora 主题目录

这是新手最容易卡住的一步——themes 目录默认是隐藏的。记住下面两条"快捷键"，秒开目录：

🪟 Windows

按下Win + R打开运行框，粘贴以下内容回车：

%appdata%\Typora\themes

🍎 macOS

打开 Finder，按Cmd + Shift + G调出"前往文件夹"，粘贴以下内容回车：

~/Library/Typora/themes

打开目录后，把整个phycat文件夹和所有phycat-*.css配色文件复制进去即可：

themes/ ├── phycat/ ← 公共文件夹（样式+字体） ├── phycat-forest.css ← 每款配色一个文件 ├── phycat-sakura.css ├── phycat-vampire.css └── ...（其余配色文件）

第 3 步：重启 Typora 并启用主题

1. 完全退出并重启Typora（不重启主题不会加载）
2. 点击顶部菜单栏主题 → Phycat系列，选择你喜欢的配色
3. 打开任意文档欣赏效果 ✨

三、安装效果一览

下面是亮色系 Sakura（樱花粉）在 Typora 中的完整渲染效果，导航栏、标题、表格、代码块一目了然：

暗色系 Vampire（吸血鬼）则以霓虹 + 毛玻璃风格呈现，深夜写作体验拉满：

标题层级经过精心设计，六级标题一眼可辨，任务列表还有完成动画：

Phycat主题的标题层级与列表样式展示.png)

代码块自带行号，右上角还会显示代码语言标签：

四、新手常见问题快速排查

❓ 重启 Typora 后找不到 Phycat 主题？

检查两点：文件是否复制到了themes目录内部（而不是外层 AppData）；是否完整复制了phycat文件夹。确认无误后再次重启 Typora。

❓ 标题/列表编号出现重复、错位？

如果编号样式如图所示出现重叠错位，通常是安装了编号类插件冲突所致，在插件设置中禁用即可。

⚙️ 进阶小技巧（可选）

• 开启自动编号：打开对应配色 CSS（如 phycat-forest.css），取消注释自动编号相关配置
• 更换背景图案：在配色 CSS 中修改--bg-style变量
• 导出网页带侧边栏大纲：偏好设置 → 导出 → HTML → 勾选"保留侧边栏大纲"

五、相关资源路径速查 📁

装好之后如果不知道怎么配色，还可以打开主题工坊（Theme Studio）一键生成专属配色 🎨。快去给你的 Typora 换上新皮肤吧！

• 设计系统
• UI组件
• 前端