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: , ,