Skip to content

sumruler/typora-theme-phycat

Repository files navigation

物理猫Phycat

一款结构清晰、层级分明的多彩Typora主题。

现在,你甚至可以使用下面这个工具在微信公众号中应用这些样式! 工具地址:https://sumruler.github.io/mdnice/

感谢Mdnice项目

主题说明

Phycat是我精心制作的一款Typora主题。主题经过精心打磨,听取了很多使用者的建议。现在共6款亮色主题、1款暗色主题。主题的主要特点有:

  1. 层级分明,清晰直观

    1. 标题层级一目了然,无需对比才知几级标题,阅读体验极佳;
    2. 有序和无序列表有辅助线整理大纲层级,清晰直观;
    3. 侧边栏的文章大纲视图亦加入辅助线整理文章结构,清晰直观;
  2. 配色多彩,易于自定义

    样式CSS文件和配色CSS文件是分开的,目前共有6款亮色主题,默认的主题色非常美观。如果你想自己增加或者修改配色,只需要复制一份phycat-color.css文件,调整主题色、深色、浅色等具体色值即可。

  3. 主题样式覆盖齐全、细节丰富

    Phycat主题对标题、文内样式、列表、代码块、文内Toc目录、KBD按键、超链接、图片、脚注、Yaml等等都进行了样式定义,如果发现没覆盖的样式也欢迎提出issue。

    主题中有很多小细节欢迎发现,例如侧边栏大纲的小子弹、超链接前面的小图标,对PDF导出的样式优化,或者你可能会发现Phycat主题是唯一一个在代码块右上角显示代码语言的Typora主题...

  4. 可能是对导出HTML页面支持最好的Typora主题

    导出的HTML页面不仅与软件内样式完全相同,而且也专门写了HTML页面侧边大纲的样式,一样的辅助线,一样的小子弹头。你可以点击下面的链接查看导出HTML页面的效果,它们都是在Typora软件中直接导出的。

主题系列 主题链接
亮色主题 沉稳红物理猫橙前端绿薄荷青普鲁士蓝魅惑紫
暗色主题 普鲁士蓝

每款主题都可以设置开启网格背景,具体方法可以查看下面的Q&A。

这里特别推荐沉稳红、薄荷蓝、普鲁士蓝。

主题截图

正文

正文

标题

Clip_2024-12-13_12-15-19

列表

图像-1734063823459

代码

Clip_2024-12-13_12-24-54

侧栏大纲

Clip_2024-12-13_12-26-47

Q&A

安装使用方法

  1. 打开主题文件夹

    打开Typora➡️文件➡️偏好设置➡️外观➡️打开主题文件夹

  2. 下载realses中的Releases中的typora-theme-phycat.zip文件

  3. 解压所有文件,并将phycat文件夹和所有css文件全部复制到主题文件夹theme中

  4. 重启typora软件,切换主题使用

如何在导出的网页中开启侧边栏大纲

  1. 在偏好设置>>导出>>HTML中开启侧边大纲并开启使用当前主题
  2. 在编辑器页面显示大纲视图。

如此导出的HTML页面就包括大纲视图了。

如何开启网格背景

在主题色的css文件中,例如phycat-red.css,调整--bg-grid的值即可

Clip_2024-12-13_12-31-00

鸣谢

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

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

打赏此主题作者

PayCOde