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 更改编辑器、源代码模式的宽度、块代码的颜色
3. Typora编辑页面调整
如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!欢迎各位转载,但是未经作者本人同意,转载文章之后必须在文章页面明显位置给出作者和原文连接,否则保留追究法律责任的权利。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探