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頁面也就變寬了。
參考鏈接:
1. Typora 更改編輯器、源代碼模式的寬度、塊代碼的顏色
3. Typora編輯頁面調整