vscode中使用markdownvscode中使用markdown

vscode 是微軟推出一款輕量級的文本編輯工具，類似于sublime，由于其擁有豐富的插件，安裝使用也非常簡單，是以深受廣大程式員的喜愛。

markdown 是一種可以使用普通文本編輯器編寫的标記語言，通過簡單的标記文法，它可以使普通文本内容具有一定的格式。

印象筆記 是一款具有筆記、寫作、日程管理等諸多功能為一體的強大、易用型筆記本，擁有非常豐富的插件，其中比較好用的有印象筆記·剪藏，馬克飛象，具體如何使用，請自行查閱相關資料。

markdown有許多衍生産品，本文主要針對大家比較熟知的印象筆記為例，說明如何在vscode中使用markdown文法編輯文章，同時将文章同步到印象筆記中。

本機已安裝vscode、印象筆記或者國際版Evernote，如果沒有安裝請自行安裝以上軟體。同時，您已經注冊了印象筆記或者國際版Evernote的賬号。

在vscode中安裝EverMonkey，Auto-Open Markdown Preview。

vscode安裝插件可以從左側的工具欄中選擇<code>Extensions</code>，或者使用快捷鍵<code>Ctrl+Shift+X</code>。EverMonkey插件的作用是将vscode中的檔案同步到印象筆記或者國際版Evernote。Auto-Open Markdown Preview插件的作用是在vscode中，當你打開*.md格式的檔案時，自動開啟預覽，友善你在編輯的過程中實時的看到結果。

EverMonkey插件是本文的重點，該插件主要負責将vscode中的文章同步到印象筆記。在vscode中安裝完EverMonkey插件後，我們安裝官方說明，來一步一步的配置。

a.擷取token、noteStoreUrl。快捷鍵<code>Ctrl+Shift+P</code>，打開command，輸入<code>ever token</code>，這裡我使用的是國際版Evernote，是以我選擇的是International。

b.輸入你的印象筆記的賬号密碼，然後授權，就可以看到<code>token、noteStoreUrl</code>。

c.将 <code>token、noteStoreUrl</code>配置到vscode的使用者設定裡面。步驟為<code>File --&gt; Preferences --&gt; Settings</code>，左邊是系統預設設定，右邊是使用者自定義設定，在右側配置token、noteStoreUrl，按照标準的json格式輸入，key和value都需要加英文的雙引号。

evermonkey.token: your developer token evermonkey.noteStoreUrl: your API url

d.完成以上步驟，基本就算ok了，建議重新開機一下vscode，然後輸入快捷鍵<code>Ctrl+Shift+P</code>打開command,輸入<code>ever sync</code>，左下角顯示synchronize successfully!(第一次同步可能有點慢，請耐心等待一下)，代表EverMonkey插件已經和印象筆記通信成功！如果報錯，請去git issue 上面先找是否已經有人提過該問題，如果沒有，你可以開個issue給作者。一般你遇到的問題，很多人也遇到了，請在close 裡面仔細查找。

e.上傳vscode本地檔案。建立本地檔案，字尾為.md。在檔案内容的最上方輸入一下内容。

完成文章内容編寫之後，輸入<code>Ctrl+Shift+P</code>打開command,輸入<code>ever publish</code>,提示成功後，就可以在印象筆記用戶端看到文章加入到了指定的目錄裡（如果用戶端沒有自動更新，請嘗試手動更新）,快速送出文章的快捷鍵是<code>Alt+P</code>。

重要提示：如果報<code>Evernote Error: 5 - Note.title</code>，錯誤（這個錯誤坑了好一會）。說明是換行符有問題，請将vscode右下角的換行符從<code>CRLF</code>切換成<code>LF</code>,然後再次執行<code>ever publish</code>，就會有<code>blogs&gt;&gt;vscode中使用印象筆記 created successfully.</code>提示。如果還有錯誤，請到git issue查找相關問題。

vscode 預設的将Preview預覽風格是黑黑的，如上面的截圖。如果想更改為github風格的樣式，請執行如下步驟：

a.下載下傳github風格的css到本地，并放置相應的目錄，本文推薦放置在vscode安裝目錄裡，如<code>D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/</code>。

b.設定使用者配置檔案,<code>File --&gt; Preferences --&gt; Settings</code>,添加如下配置資訊，請填入你下載下傳的css檔案的路徑和名稱（我這裡的檔案名叫userStyle.css）。

馬克飛象是一款非常好用的印象筆記插件，完全可以勝任以上所有功能，而且界面非常華麗，使用也很簡單，但是，要收費。。。 之前用sublime的時候，就使用過相關插件，在sublime 裡面實作編輯文章，同步到印象筆記。現在使用vscode比較多，就試試看有沒有相關的功能，結果是肯定的（vscode這麼優秀，怎能沒有呢）。是以就嘗試了一下，但是，遇到了個坑，就是<code>Evernote Error: 5 - Note.title</code>，查了半天說是<code>CRLF</code>切換成<code>LF</code>，我也确實在使用者配置裡面設定了，但是，就是不生效。最後，無意間發現，右下角顯示的還是<code>CRLF</code>,然後嘗試着點了一下，竟然可以改為<code>LF</code>,再然後呢，就沒有然後了，OK了。

雖然費了一大會功夫，但是還是有收獲的，就是，這個不要錢。。。

還有一個功能是馬克飛象、印象筆記做不到的，印象筆記的内容儲存在哪裡我們并不知道，如果你想将這些内容同步到git上面，貌似是沒有辦法的。而使用vscode寫*.md，檔案内容都是在你指定的目錄中，你可以随時将這些檔案add,commit,push到git上面，是不是很友善。。。

ps:這篇文章我就是用上述方法編輯的，非常友善，而且我直接push到我的git倉庫了。在git頁面，直接複制該dom的html源碼，貼到部落格園就可以自動呈現格式化後的樣子（雖然代碼塊、區域文本顯示不太正常），還是很友善。 如果照片加載不全或者失敗，可以直接通路本文git頁面。

本文轉自xmgdc51CTO部落格，原文連結：http://blog.51cto.com/12953214/1940501 ，如需轉載請自行聯系原作者