Markdown: 对Typora的一些小调整

Typora作为一款优秀的markdown编辑器，不仅非常小巧，而且使用还非常方便，深受笔者喜爱，不过最近在使用过程中却发现有几个地方体验不是太好，花时间把这些不好的地方给改进了一下，特记录之：

1. 修改编辑页面宽度

为什么要改这个呢？因为Typora默认的编辑区域有点太小了，现在普遍使用的都是大屏显示器，所以肯定都是能够显示完整内容的，而且编辑区域太小带来的一个小问题就是，在Typora中编写代码，如果方法名太长或者是注释太长，那么Typora的代码编辑器就会自动将方法名或注释换行，十分不美观。

另外，这里修改的宽度主要是指两个方面，一个是源代码编辑页面的宽度，也就是点左下角这个图标“后进入的纯markdown code的那个界面；另一个就是我们平时编写markdown code 完毕后，实时预览的那个界面。

先修改 纯markdown code的那个界面：

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

注意： 只需要修改 #typora-source 下的 .CodeMirror-lines 中的 max-width ， 就这一处， 我这里默认是800px, 难怪看起来宽度那么窄。

 再修改 实时预览的那个界面：

 这个界面的宽度其实是跟应用的主题有关的，我这里使用的markdown主题是 vue, 下面简要介绍下这种主题的修改方法：

如图：依次打开 文件 --> 编好设置 --> 外观 --> 打开主题文件夹：

 

 即是在 C:\Users\Administrator\AppData\Roaming\Typora\themes 目录下，

 

 打开 vue.css, 搜索 #write ，修改其属性 max-width 的值改为你想要设置的宽度（ 比如我设置的是 1200px ）。所图所示：

 

 重启 Typora， 这下Typora的编辑区域就明显变宽了，代码或注释就不会再自动换行了。

2. 修改导出后的PDF的页面宽度

如果仅仅是这样还没完，大部分情况下都是把markdown导出来做为PDF来演示的，Typora还有个小缺点就是，如果不做配置的话，导出的PDF页面也很窄，代码或者是注释仍然会换行，可以用以下方法予以解决：

打开上面的 vue.css, 搜索 @media，

找到#write， 修改其中的 max-width 为：95%， 这样导出的PDF页面也就变宽了。

下面附上我的配置主题：

链接: https://pan.baidu.com/s/147iJfhC3i9tJ9XEeQHf_FA 提取码: kxja

 参考链接：

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

2. Typora 更改编辑器的宽度

3. Typora编辑页面调整

 

 

---

如果您觉得阅读本文对您有帮助，请点一下“推荐”按钮，您的“推荐”将是我最大的写作动力！欢迎各位转载，但是未经作者本人同意，转载文章之后必须在文章页面明显位置给出作者和原文连接，否则保留追究法律责任的权利。