修改Typora主题

📝修改Typora主题

1. typora菜单栏->偏好设置->外观->主题->打开主题文件夹，找到要修改的CSS文件，建议复制一份。
2. 在typora里按键shift+f12，调出开发者工具，找到要需改的地方根据CSS规则在上述文件中进行修改，下面是几个常用的修改

✏️ 字体修改

用到两款很好看的字体：JetBrains Mono，华康手札体W5P

• 找到body标签选择器修改默认字体

  body {
      font-family: "JetBrains Mono","华康手札体W5P","Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: rgb(51, 51, 51);
      line-height: 1.6;
  }
  

• 写入下面代码以修改代码区字体

  /*代码字体*/
  .CodeMirror-wrap .CodeMirror-code pre {
      font-family: "JetBrains Mono","华康手札体W5P";
  }
  

✏️ Markdown扩展语法——高亮

• 依次点击：typora菜单栏->偏好设置->Markdown->Markdown扩展语法->高亮

• 设置样式(写入一下代码)

  mark {
      background: #ffffff;
      color: #db3f1e;
      font-weight: bold;
      border-bottom: 0px solid #ffffff;
      padding: 0.0px;
      margin: 0 0px;
  }
  

✏️ emoji表情对齐方式（强迫症福音😍）

在文件中直接加入以下代码

.md-emoji-span::before {
    vertical-align: baseline !important;
}