Phycat theme for Typora

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

Phycat系列主题受到大量伙伴的喜爱。设计核心要素为清晰、分明、简约、美观、灵动。 亮色系名为Phycat-color,设计元素为气泡、线条。清晰、灵动、可爱,共带来8款主题配色!

暗色系名为Phycat-neon,设计元素为暗夜、线条、光影、毛玻璃、灯带。这些元素碰撞在一起让这款暗色系主题尤为好看!

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

image-20251224165551114image-20251224165606988

主题系列主题链接
亮色系主题ColorCheey(樱桃红)Caramel(焦糖橙)Forest(森绿)Mint(薄荷青)Sky(天蓝)Prussian(普鲁士蓝)Sakura(樱花粉)Mauve(淡紫)
暗色系主题NeonVampire(吸血鬼)Radiation(辐射)Abyss(深渊)

隆重介绍物理猫Phycat主题色工坊,点击>>Phycat Theme Studio<<一键生成你的专属主题配色!

主题效果图

亮色系主题

image-20251224115955956

image-20251224120012815

image-20251224120026467

image-20251224120056979

image-20251224120115544

image-20251224120135916

暗色系主题

image-20260105105845959

image-20260105105937124

image-20260105105958775

设计语言

亮色系主题

暗色系主题

主题特点

  1. 美观好看的样式可以提升写作体验 ✍️。

  2. 分明:标题、列表、大纲都进行了精心设计,标题一眼就能看出是几级标题,列表、大纲目录层级非常分明易读

  3. 灵动:精心设计了大量动画效果——Hover动画✨、任务列表完成动画等等 ✅。在给你一些小惊喜的同时不影响布局,只增强阅读与编辑体验 ⚖️。

  4. 细节:大纲目录后跳动的星星 🌟、超链接转动的小图标 🔗、代码块右上角的代码语言 💻、为 Yaml、KBD 键盘专门书写的样式 ⌨️、多套背景样式、PDF 导出样式优化等等,处处都有小巧思 💡。

  5. 导出 HTML 深度优化:导出的 HTML 完美兼容软件内样式 🌐,大纲目录样式也进行了深度优化设计。样式预览页面都是直接导出的 HTML 页面,相信你看了会喜欢的 ❤️。

  6. 配色丰富且易定制🎨: 配色文件与样式文件分离,复制一份即可轻松修改。如果不会搭配,也可以让 AI 生成一套好看的配色 🤖。

    隆重介绍物理猫Phycat主题色工坊,点击>>Phycat Theme Studio<<一键生成你的专属主题配色!

  7. 便捷功能开关:在配色 CSS 文件中,可以通过简单调整快速启用或改变背景样式自动编号等功能 ⚙️。

样式预览

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

主题系列主题链接
亮色系主题ColorCheey(樱桃红)Caramel(焦糖橙)Forest(森绿)Mint(薄荷青)Sky(天蓝)Prussian(普鲁士蓝)Sakura(樱花粉)Mauve(淡紫)
暗色系主题NeonVampire(吸血鬼)Radiation(辐射)Abyss(深渊)

使用方法

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

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

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

常见问题

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

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

导出的网页如何包括霞骛文楷字体

在偏好设置–>导出–>HTML–>在中添加,添加下面的内容:

如何开启自动编号

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

如何开启或更换背景图案

在配色CSS文件中(例如phycat-forest.css),更改--bg-style变量即可

编号出现如图所示错误

image-20260120094206353

可能是安装了编号插件导致的,禁用插件即可。