换背景 | typora中文网

以下某些CSS样式适用于Typora的最新版本（在macOS上> = 0.9.9.6，在Windows上>> 0.9.13）。有关将这些CSS放在哪里的信息，请遵循添加自定义CSS。

就个人而言，我不建议用户为文本编辑器设置背景，但是如果您仍然希望这样做，可以遵循本文。例如，为Typora添加笔记本背景。该图像是从此处获取的，并被复制到Typora的主题文件夹下。 CSS代码类似于：

content {
  background: url(./fzm-seamless.notebook.texture-14.png);
  background-repeat: repeat;
}

#write {
  padding-left: 120px; /*adjust writing area position*/
}

body {
  background: #F3F3F3; 
  /*Please set this background color as close to the background image as possible.
  titlebar for seamless window on macOS will use this background color. 
  typora for Win/Linux will use this to judge whether typora is in dark mode or light mode*/
}

/**Other css may needed to adjust UI components**/

结果如下所示：

另一个例子：

content {
  background-image: url(http://localhost:4000/media/background/crashed_ship_by_hiddenvortexdesigns-da57nk8.jpg);
  background-repeat: repeat;
  background-position: -52px;
}

#write {
  margin-top: 24px;
  background-color: rgba(255, 255, 255, 0.68);
  margin-bottom: 24px;
  min-height: calc(100% - 48px);
}

body {
  background-color: #8F9D9A;
}

/**Other CSS to adjuest UI components*/