如何在typora中添加自定义CSS？

by Typora.net
提示：此功能要求 Typora 在 Windows 上高于 0.9.12 或在 macOS 上高于 0.9.9.5.1。
打开主题文件夹 要在 Finder/Explorer. 中打开 Typora 的主题文件夹，请在外观部分打开首选项面板，单击“打开主题文件夹”按钮。在“外观”部分。 您可以在此处添加自定义主题。如果要查找、安装或编写主题，请参阅关于主题页面。 但是您可能只想修改 CSS，例如更改字体或增加书写区域，并将其应用于所有主题或仅当前主题，而无需编写全新的主题文件。本节将向您展示如何执行此操作。 将自定义 CSS 附加到所有主题或其他主题 Typora 将按以下顺序加载 CSS 文件：
  1. Typora 的基本样式
  2. 当前主题的 CSS
  3. base.user.css 主题文件夹下
  4. {current-theme}.user.css 在主题文件夹下。
您可以创建base.user.css和{current-theme}.user.css主题文件夹下，如果它们不存在。 如果您想更改 CSS 样式并将其应用于所有主题，您应该修改base.user.css并附加您自己的 CSS，因此无论选择什么主题，您的 CSS 样式仍将被加载和应用。 如果您想为特定主题修改一些 CSS ，例如“Newsprint”，您可以创建newsprint.user.css并附加您想要的 CSS。我们不建议您直接修改主题文件的原因是：
  1. Typora 安装后可用的默认主题也可能会更新。如果发生这种情况，那么新版本只是简单地替换了主题文件夹下的现有版本，您的修改将丢失。
  2. 其他人开发的主题将来也可能会更改。如果他们改变了他们的 CSS 文件，你可以用你的旧文件替换他们的新文件，而不必担心你的修改会消失。
（如果你自己写CSS主题，那么直接修改就可以了。）
注意：文件名区分大小写。该{current-theme}中{current-theme}.user.css必须是相同的当前主题的文件名部分。例如，“GitHub”主题的 CSS 文件是github.css，所以文件名部分是“github”而不是“Github”。
调试 CSS 您可以打开 Chrome/Safari DevTools 来调试元素样式。
Tags: , ,