zoukankan      html  css  js  c++  java
  • Markdown: 对Typora的一些小调整

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

    1. 修改编辑页面宽度

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

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

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

    找到markdown的安装目录,默认在 C:Program FilesTypora esourcesappstyle 下,找到 base-control.css 文件 ,打开后搜索 .CodeMirror-lines ,找到 max-width ,将其值改为1200 ,如图所示:

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

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

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

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

     即是在 C:UsersAdministratorAppDataRoamingTypora hemes 目录下,

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

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

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

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

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

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

     参考链接:

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

    2. Typora 更改编辑器的宽度

    3. Typora编辑页面调整

  • 相关阅读:
    面试题
    关于TDD的想法
    GAMS 基础语法
    不要迷信数据
    在Microsoft AJAX Library下JavaScript的面向对象开发
    应用OOP的设计过程演化(一)
    应用OOP的设计过程演化(二)
    探索AJAX中的消息传输模式(一)
    应用OOP的设计过程演化(三)
    SecureCRT 6.0.2和SecureFX 6.0.2 软件 及 注册机
  • 原文地址:https://www.cnblogs.com/yongdaimi/p/14339534.html
Copyright © 2011-2022 走看看