Phycat theme for Typora

好看的样式可以提升写作体验。

起源是想找一款层次分明、易于阅读的主题，于是借鉴了Typora、Mdnice、思源笔记等平台的优秀主题，自己尝试写了一些样式，在Typora主题社区第一次发布了Phycat这个主题。我知道这个主题还不是很成熟，不过也收获了不少用户的喜爱。

不少用户提了很多建议，让我进行了很多的主题优化。我不是专业的前端人员，好在AI时代下很多问题都变得简单起来，现在Phycat2.0主题来了！

设计语言

• 清晰、分明、简洁、圆润、灵动、时尚

• 字体
  • 标题：HarmonyOS_Sans_SC
  • 段落正文：SourceHanSerifCN
• 卡片风格：气泡、毛玻璃

主题特点

1. 美观：好看的样式可以提升写作体验 ✍️。
2. 分明：标题、列表、大纲都进行了精心设计，标题一眼就能看出是几级标题，列表、大纲目录层级非常分明易读 。
3. 灵动：精心设计了大量动画效果——Hover动画 ✨、任务列表完成动画等等 ✅。在给你一些小惊喜的同时不影响布局，只增强阅读与编辑体验 ⚖️。
4. 细节：大纲目录后跳动的星星 🌟、超链接转动的小图标 🔗、代码块右上角的代码语言 💻、为 Yaml、KBD 键盘专门书写的样式 ⌨️、多套背景样式、PDF 导出样式优化等等，处处都有小巧思 💡。
5. 导出 HTML 深度优化：导出的 HTML 完美兼容软件内样式 🌐，大纲目录样式也进行了深度优化设计。样式预览页面都是直接导出的 HTML 页面，相信你看了会喜欢的 ❤️。
6. 配色丰富且易定制：主题内置了八种配色 🎨： 🍒 Cherry（樱桃红）、🍮 Caramel（焦糖橙）、🌲 Forest（森绿）🌿、 Mint（薄荷青）、💎 Sky（天蓝）、🌊 Prussian（普鲁士蓝）、🌸 Sakura（樱花粉）、🍇 Mauve（淡紫） 配色文件与样式文件分离，复制一份即可轻松修改。如果不会搭配，也可以让 AI 生成一套好看的配色 🤖。
7. 便捷功能开关：在配色 CSS 文件中，可以通过简单调整快速启用或改变背景样式、自动编号等功能 ⚙️。

样式预览

点击链接预览即可，都是直接通过Typora导出的HTML文件

使用方法

1. 从Releases · sumruler/typora-theme-phycat下载最新的主题包

2. 将phycat文件夹与所有CSS文件放进Typora主题目录下 复制下面内容，WIN+R运行即可快速打开

   %appdata%\Typora\themes
   

3. 重启Typora，在主题中启用相应主题即可

常见问题

1. 导出网页如何具有侧边栏大纲

在偏好设置，找到导出，选择HTML，勾选保留侧边栏大纲

2. 如何开启自动编号

在配色CSS文件中（例如phycat-forest.css），取消注释对应的自动编号级别即可

3. 如何开启或更换背景图案

在配色CSS文件中（例如phycat-forest.css），更改--bg-style变量即可

致谢

这个主题借鉴参考了众多优秀主题和平台，在此特别感谢

1. Lapis主题
2. Happysimple主题
3. Blackout主题
4. 思源笔记Savor主题
5. Mdnice项目

待更新计划

• 提示框样式的优化
• 暗色主题的重构

打赏

如果你喜欢这套主题，可以选择打赏支持。不胜感激！