Typora 更改编辑器、源代码模式的宽度、块代码的颜色

比眉伴天荒 2022-01-30 00:17 1624阅读 0赞

### 文章目录 ###

*   *  1、设置 编辑器的源代码模式 的宽度
     *   *  效果
     *  2、设置 编辑器（也是主题） 的宽度
     *   *  效果如下：
     *  3、修改块代码的颜色，不是代码块的
     *   *  修改后的效果：
     *  4、关闭拼写检查
     *   *  方法1，在偏好设置中关闭
         *  方法2，快捷关闭

## 1、设置 编辑器的源代码模式 的宽度 ##

Typora 安装目录，默认为 `C:\Program Files\Typora\resources\app\style\` 下，找到 `base-control.css` 文件 ，打开后搜索 `.CodeMirror-lines` ，找到 `max-width` ，将其值改为`1200` ，如图所示：

**注意：** `#typora-source` 下的 `.CodeMirror-lines` 中的 `max-width` ， 就这一处。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70]

### 效果 ###

重启 Typora 后，进入 **源代码模式** ：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 1]

测试一下，看到 **灰底部分** 的宽度确实是改成 `1200px` ，比之前宽了好多 。

## 2、设置 编辑器（也是主题） 的宽度 ##

编辑器 的配置文件 并不在 Typora 的安装目录， 根据下面图所示（ 文件 --> 编好设置 --> 外观 --> 打开主题文件夹）：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 2]

即是在 `C:\Users\Administrator\AppData\Roaming\Typora\themes` 目录下，  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 3]

如上图所示，主题文件有 github.css、newsprint.css、night.css、pixyll.css、whitey.css 共 5 种 。  
选择当前你所使用主题的css文件（比如我使用的是 github 主题，则打开 github.css ），搜索 `#write` ，修改其属性 `max-width` 的值改为你想要设置的宽度（ 比如我设置的是 `1060px` ）。所图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 4]

### 效果如下： ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 5]

## 3、修改块代码的颜色，不是代码块的 ##

如下图所示，修改 **块代码** 的颜色，不是 代码块 。

![在这里插入图片描述][20200528104948982.png]

选择当前使用的主题：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 6]  
我使用主题是 github，所以打开 `github.css`，在 230行 的code标签中，添加 `color: red;` ，所下图所示：

![在这里插入图片描述][20200421095747247.png]

### 修改后的效果： ###

重启编辑器， 查看效果，如下图所示：  
![在这里插入图片描述][20200421095359618.png]

## 4、关闭拼写检查 ##

### 方法1，在偏好设置中关闭 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 7]

### 方法2，快捷关闭 ###

打开 Typora 初始状态：  
![在这里插入图片描述][20201012132953818.png]

当鼠标放到状态栏上时，出现的 `A` ，提示 `拼写检查` ：  
![在这里插入图片描述][2020101213323511.png]

点击 `拼写检查` ，选择 `不使用拼写检查` ，即关闭了 `拼写检查` 。  
![在这里插入图片描述][20201012133043281.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70]: /images/20220130/75ba4c8ec9744a33b897c85d2a455b81.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 1]: /images/20220130/ae1f0723287744a3865259ee854b36a2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 2]: /images/20220130/8879b5bc68d64078b7d9826b100fe562.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 3]: /images/20220130/698260d7d71944ff96879a53eda4812c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 4]: /images/20220130/10a0337b6faf4840970c7b2fcff59390.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 5]: /images/20220130/9370f0b9df674efda7595409b624255b.png
[20200528104948982.png]: /images/20220130/9df65ce2e39c4061aee5b3a00187943e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 6]: /images/20220130/a1f7289e2a2c46d48e93c3caab3e1316.png
[20200421095747247.png]: /images/20220130/d2278652a8d944e39c33a26c1b2a37ed.png
[20200421095359618.png]: /images/20220130/db0206aa9792430da9d6031fd684f257.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9qaW4yMWNlbg_size_16_color_FFFFFF_t_70 7]: /images/20220130/2ee3d3e9108d4f4f91b85bdadd7d0ef1.png
[20201012132953818.png]: /images/20220130/9d3678478a73419aa36c8dfa3afd1e33.png
[2020101213323511.png]: /images/20220130/c23ecb7109744abeb714bb468e80fc1d.png
[20201012133043281.png]: /images/20220130/a1def9cbb70e45ed9610b0fe39bd6ad7.png