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编辑页面调整

 

 
posted @ 2021-01-28 14:16  夜行过客  阅读(1763)  评论(0编辑  收藏  举报