在 Typora 中增加编辑器宽度或可视区域

Question

在 Typora 中书写时，可视宽度（编辑器宽度）是有限的。

我怎么能从A放大到B？

Answer 1

您可以更改正在使用的主题的 CSS 文件。前往File > Preference或按Ctrl+Comma。在Themes点击Open Theme Folder。

打开主题的 CSS 文件。例如我正在使用Github主题。

所以我正在打开github.css文件。在 CSS 文件中转到#write（写入 id）。这里改变 的值max-width。

max-width此主题中的默认值为860px。您可以将其增加到任何您想要的。例如：

max-width: 1200px;

在某些主题中，您可能还会发现max-widthinem而不是px。例如：

max-width: 40em;

将此值增加到您喜欢的任何宽度。

如果您希望编辑器为全宽，请max-width完全删除此属性。

Answer 2

Typora 和责任宽度

作为记录，您可以按如下方式编辑该文件。

• 查看 CSS 所在的文件夹（如其神秘框所示）

• 找到 .css 文件并将其复制到新文件中。例如github2.css

• 另外，复制与您复制的 .css 相关的文件夹，并将其重命名为相同的名称，例如 github2\

• 找到下一行：

  @media only 屏幕和 (min-width: 1400px) { #write { max-width: 1024px; } }

  @media only 屏幕和 (min-width: 1800px) { #write { max-width: 1200px; } }

并删除它。

• 找到下一行

  #write {
  最大宽度：860px;
  保证金：0 自动；
  内边距：30px；
  底部填充：100px；
  }

并编辑行max-width: 860px; 最大宽度：95%；

• 重新启动应用程序并选择新主题（见图）

为什么是 95% 而不是 100%？

我们为滚动条留出了一些空间。然而，显然，100% 也有效，并且不会破坏任何可视化。

为什么我们需要复制 .css 和文件夹而不是编辑现有的？

因为程序的更新可以（而且很可能）取代它。