- 设计系统
- UI组件
- 前端
【免费下载链接】typora-theme-phycat
一款精心打磨过的多色多功能Typora主题
Phycat 是一款精心打磨的多色多功能 Typora 主题，包含 8 款亮色系与 3 款暗色系配色，自带灵动动画、精致大纲与 HTML 导出优化。本文带你用3 步完成 Typora Phycat 主题安装，并分享 Win/Mac 一键定位 themes 主题目录的技巧，新手也能 1 分钟上手。
一、安装前 1 分钟：Phycat 主题里都有什么？
在动手之前，先搞清楚主题包的构成，安装时才能"有的放矢"：
| 系列 | 包含配色 | 风格关键词 |
|---|---|---|
| 亮色系 Phycat-color | Cherry、Caramel、Forest、Mint、Sky、Prussian、Sakura、Mauve 共 8 款 | 气泡、线条，清晰灵动可爱 |
| 暗色系 Phycat-neon | Vampire、Radiation、Abyss 共 3 款 | 暗夜、光影、毛玻璃、霓虹灯带 |
主题包主要由两部分组成：
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 步：获取最新主题文件
两种方式任选其一：
- 从仓库 Releases 页下载最新主题包（推荐，解压即用）
- 克隆仓库获取源码：
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 并启用主题
- 完全退出并重启Typora（不重启主题不会加载）
- 点击顶部菜单栏主题 → Phycat系列，选择你喜欢的配色
- 打开任意文档欣赏效果 ✨
三、安装效果一览
下面是亮色系 Sakura（樱花粉）在 Typora 中的完整渲染效果，导航栏、标题、表格、代码块一目了然：
暗色系 Vampire（吸血鬼）则以霓虹 + 毛玻璃风格呈现，深夜写作体验拉满：
标题层级经过精心设计，六级标题一眼可辨，任务列表还有完成动画：
Phycat主题的标题层级与列表样式展示.png)
代码块自带行号，右上角还会显示代码语言标签：
四、新手常见问题快速排查
❓ 重启 Typora 后找不到 Phycat 主题？
检查两点：文件是否复制到了themes目录内部（而不是外层 AppData）；是否完整复制了phycat文件夹。确认无误后再次重启 Typora。
❓ 标题/列表编号出现重复、错位？
如果编号样式如图所示出现重叠错位，通常是安装了编号类插件冲突所致，在插件设置中禁用即可。
⚙️ 进阶小技巧（可选）
- 开启自动编号：打开对应配色 CSS（如 phycat-forest.css），取消注释自动编号相关配置
- 更换背景图案：在配色 CSS 中修改
--bg-style变量 - 导出网页带侧边栏大纲：偏好设置 → 导出 → HTML → 勾选"保留侧边栏大纲"
五、相关资源路径速查 📁
| 资源 | 路径 |
|---|---|
| 官方文档（安装/FAQ） | README.md |
| 暗色系主题说明 | README-neon.md |
| 亮色系基础样式 | phycat/phycat.light.css |
| 暗色系基础样式 | phycat/phycat.dark.css |
| 配色文件（可复制修改） | phycat-sakura.css、phycat-abyss.css 等 |
| 本地演示页面 | demo/index.html |
| 一键生成配色工坊 | Phycat Theme Studio.html、Phycat Theme Studio Dark.html |
装好之后如果不知道怎么配色，还可以打开主题工坊（Theme Studio）一键生成专属配色 🎨。快去给你的 Typora 换上新皮肤吧！
- 设计系统
- UI组件
- 前端
【免费下载链接】typora-theme-phycat
一款精心打磨过的多色多功能Typora主题
相关推荐
3步搞定BlenderGIS安装：新手快速上手指南
3步搞定BlenderGIS安装：新手快速上手指南 想要将真实地理数据转化为惊艳的3D模型吗？ BlenderGIS安装 正是连接Blender与地理数据的完美
GIS3D渲染图形学桌面应用3步快速上手AnuPpuccin：Obsidian最美主题安装指南
3步快速上手AnuPpuccin：Obsidian最美主题安装指南 想要让你的Obsidian笔记应用焕然一新吗？AnuPpuccin主题以其惊艳的视觉效果和个
UI组件如何快速上手XUnity.AutoTranslator：新手安装指南
如何快速上手XUnity.AutoTranslator：新手安装指南 XUnity.AutoTranslator是一款强大的游戏自动翻译工具，能够帮助玩家轻松实
开发工具游戏开发
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
