1. Typora 默認(rèn)是開著拼寫檢查的蹦漠，所以在寫英文的時(shí)候會(huì)有紅色的波浪下滑線

   • 關(guān)閉方法：文件 --> 偏好設(shè)置 --> 編譯器 --> 拼寫檢查 --> 不使用拼寫檢查

2. Typora 修改代碼塊中的字體大小和樣式

   • Typora 軟件安裝目錄下 --> resources --> style --> codemirror.css --> 找到 .CodeMirror pre 修改里面的屬性即可
     • font-size:16px;
     • font-family: "JetBrains Mono NL";

3. Typora 默認(rèn)不顯示代碼塊行號(hào)

   • 打開方式：文件 --> 偏好設(shè)置 --> Markdown --> 代碼塊 --> 顯示行號(hào)

4. Typora 修改某個(gè)主題下的代碼塊的樣式

   • 首先在：CodeMirror: Theme Demo這個(gè)網(wǎng)站挑選喜歡的主題
   • 然后在：CodeMirror5：Theme Download這個(gè)網(wǎng)站找到對(duì)應(yīng)的css樣式
   • 然后在 typora 主題文件夾(文件 --> 偏好設(shè)置 --> 外觀 --> 最下方 “打開主題文件夾”)中新建一個(gè) css 文件，將網(wǎng)站上的 css 內(nèi)容粘貼到文件中
   • 以 idea 樣式為例隘击，將代碼中的所有 .cm-s-idea 改為 .cm-s-inner
   • 最后在你正在使用的主題的css文件中，引入新建的 css 樣式即可
     • @import 'idea.css'; (寫在文件最頂部)
   • 展示兩個(gè)樣式的 css 源碼：

     • /**
             Name:       IDEA default theme
             From IntelliJ IDEA by JetBrains
        */
         
       .cm-s-idea span.cm-meta { color: #808000; }
       .cm-s-idea span.cm-number { color: #0000FF; }
       .cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; }
       .cm-s-idea span.cm-atom { font-weight: bold; color: #000080; }
       .cm-s-idea span.cm-def { color: #000000; }
       .cm-s-idea span.cm-variable { color: black; }
       .cm-s-idea span.cm-variable-2 { color: black; }
       .cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
       .cm-s-idea span.cm-property { color: black; }
       .cm-s-idea span.cm-operator { color: black; }
       .cm-s-idea span.cm-comment { color: #808080; }
       .cm-s-idea span.cm-string { color: #008000; }
       .cm-s-idea span.cm-string-2 { color: #008000; }
       .cm-s-idea span.cm-qualifier { color: #555; }
       .cm-s-idea span.cm-error { color: #FF0000; }
       .cm-s-idea span.cm-attribute { color: #0000FF; }
       .cm-s-idea span.cm-tag { color: #000080; }
       .cm-s-idea span.cm-link { color: #0000FF; }
       .cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; }
       
       .cm-s-idea span.cm-builtin { color: #30a; }
       .cm-s-idea span.cm-bracket { color: #cc7; }
       .cm-s-idea  { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
       
       
       .cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
       
       .CodeMirror-hints.idea {
         font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
         color: #616569;
         background-color: #ebf3fd !important;
       }
       
       .CodeMirror-hints.idea .CodeMirror-hint-active {
         background-color: #a2b8c9 !important;
         color: #5c6065 !important;
       }
       

     • /*
           eclipse theme
       */
       .cm-s-eclipse span.cm-meta { color: #FF1717; }
       .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; }
       .cm-s-eclipse span.cm-atom { color: #219; }
       .cm-s-eclipse span.cm-number { color: #164; }
       .cm-s-eclipse span.cm-def { color: #00f; }
       .cm-s-eclipse span.cm-variable { color: black; }
       .cm-s-eclipse span.cm-variable-2 { color: #0000C0; }
       .cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; }
       .cm-s-eclipse span.cm-property { color: black; }
       .cm-s-eclipse span.cm-operator { color: black; }
       .cm-s-eclipse span.cm-comment { color: #3F7F5F; }
       .cm-s-eclipse span.cm-string { color: #2A00FF; }
       .cm-s-eclipse span.cm-string-2 { color: #f50; }
       .cm-s-eclipse span.cm-qualifier { color: #555; }
       .cm-s-eclipse span.cm-builtin { color: #30a; }
       .cm-s-eclipse span.cm-bracket { color: #cc7; }
       .cm-s-eclipse span.cm-tag { color: #170; }
       .cm-s-eclipse span.cm-attribute { color: #00c; }
       .cm-s-eclipse span.cm-link { color: #219; }
       .cm-s-eclipse span.cm-error { color: #f00; }
       
       .cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; }
       .cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
       

   • 新舊代碼塊對(duì)比：

   老代碼塊樣式.png

   
   

   新代碼塊樣式.png

   • 對(duì)于 Typora 的主題莺禁，我個(gè)人是很喜歡 Github 這個(gè)主題的窄赋，但是唯一美中不足的就是他的代碼塊的樣式實(shí)在是太難看了，不管是中文的字體顏色忆绰，關(guān)鍵字、數(shù)字翰灾、符號(hào)等的字體顏色都不好看稚茅，改成 idea 的樣式之后，就達(dá)到了我心目中完美亚享，這個(gè)軟件就成了繼有道云之后的另一個(gè)記筆記的神器，泰酷啦侈沪！

5. Typora修改單行代碼中的字體大小

   • 主題文件夾下找到正在使用的主題的css文件
   • 打開找到下圖的代碼晚凿，修改其中的font-size即可
   • image.png
   • Typora Github 默認(rèn)的單行代碼注釋的字體很小，看起來很別扭应役，可以改成16px燥筷，就比較OK

6. Typora 插入圖片默認(rèn)會(huì)居中對(duì)齊

   • 修改為左對(duì)齊方法：打開主題文件夾 --> 找到正在使用的主題的 css 文件，在文件最后插入代碼

     • p .md-image:only-child{
           width: auto;
           text-align: left;
       }
       

7. 目前就這幾點(diǎn)荆责，后續(xù)有需要再記...

Ending Saying
回想當(dāng)初第一次了解 Typora 這個(gè)軟件還有 MarkDown 語法，還是胡云飛學(xué)長的分享會(huì)上介紹的盲泛，但是當(dāng)初不明就里，聽個(gè)寂寞寺滚，不會(huì)意識(shí)到這些有什么，只是到后來再接觸的時(shí)候才會(huì)發(fā)現(xiàn)這些之前分享過的東西有多香官套！