vscode中使用markdown

vscode中使用markdown

• vscode 是微軟推出一款輕量級的文本編輯工具，相似於sublime，因爲其擁有豐富的插件，安裝使用也很是簡單，因此深受廣大程序員的喜好。
• markdown 是一種可使用普通文本編輯器編寫的標記語言，經過簡單的標記語法，它可使普通文本內容具備必定的格式。
• 印象筆記 是一款具備筆記、寫做、日程管理等諸多功能爲一體的強大、易用型筆記本，擁有很是豐富的插件，其中比較好用的有印象筆記·剪藏，馬克飛象，具體如何使用，請自行查閱相關資料。

markdown有許多衍生產品，本文主要針對你們比較熟知的印象筆記爲例，說明如何在vscode中使用markdown語法編輯文章，同時將文章同步到印象筆記中。

安裝配置步驟：

1.準備工做。

本機已安裝vscode、印象筆記或者國際版Evernote，若是沒有安裝請自行安裝以上軟件。同時，您已經註冊了印象筆記或者國際版Evernote的帳號。

2.安裝插件。

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

vscode安裝插件能夠從左側的工具欄中選擇Extensions，或者使用快捷鍵Ctrl+Shift+X。EverMonkey插件的做用是將vscode中的文件同步到印象筆記或者國際版Evernote。Auto-Open Markdown Preview插件的做用是在vscode中，當你打開*.md格式的文件時，自動開啓預覽，方便你在編輯的過程當中實時的看到結果。

3.EverMonkey配置說明。

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

• a.獲取token、noteStoreUrl。快捷鍵Ctrl+Shift+P，打開command，輸入ever token，這裏我使用的是國際版Evernote，因此我選擇的是International。
• b.輸入你的印象筆記的帳號密碼，而後受權，就能夠看到token、noteStoreUrl。
• c.將 token、noteStoreUrl配置到vscode的用戶設置裏面。步驟爲File --> Preferences --> Settings，左邊是系統默認設置，右邊是用戶自定義設置，在右側配置token、noteStoreUrl，按照標準的json格式輸入，key和value都須要加英文的雙引號。

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

• d.完成以上步驟，基本就算ok了，建議重啓一下vscode，而後輸入快捷鍵Ctrl+Shift+P打開command,輸入ever sync，左下角顯示synchronize successfully!(第一次同步可能有點慢，請耐心等待一下)，表明EverMonkey插件已經和印象筆記通訊成功！若是報錯，請去git issue 上面先找是否已經有人提過該問題，若是沒有，你能夠開個issue給做者。通常你遇到的問題，不少人也遇到了，請在close 裏面仔細查找。
• e.上傳vscode本地文件。新建本地文件，後綴爲.md。在文件內容的最上方輸入一下內容。

---
  title: 文件名稱
  tags: 標籤（多個標籤用逗號分隔）
  notebook: （所屬的目錄）
---
//下面是正文內容
...
  # xxx

完成文章內容編寫以後，輸入Ctrl+Shift+P打開command,輸入ever publish,提示成功後，就能夠在印象筆記客戶端看到文章加入到了指定的目錄裏（若是客戶端沒有自動更新，請嘗試手動更新）,快速提交文章的快捷鍵是Alt+P。

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

4.將Preview 設置爲github風格

vscode 默認的將Preview預覽風格是黑黑的，如上面的截圖。若是想更改成github風格的樣式，請執行以下步驟：

• a.下載github風格的css到本地，並放置相應的目錄，本文推薦放置在vscode安裝目錄裏，如D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/。
• b.設置用戶配置文件,File --> Preferences --> Settings,添加以下配置信息，請填入你下載的css文件的路徑和名稱（我這裏的文件名叫userStyle.css）。

"markdown.styles": [
      "file:///D:/Program Files (x86)/Microsoft VS Code/resources/app/extensions/markdown/media/userStyle.css"
  ],

總結：

馬克飛象是一款很是好用的印象筆記插件，徹底能夠勝任以上全部功能，並且界面很是華麗，使用也很簡單，可是，要收費。。。 以前用sublime的時候，就使用過相關插件，在sublime 裏面實現編輯文章，同步到印象筆記。如今使用vscode比較多，就試試看有沒有相關的功能，結果是確定的（vscode這麼優秀，怎能沒有呢）。因此就嘗試了一下，可是，遇到了個坑，就是Evernote Error: 5 - Note.title，查了半天說是CRLF切換成LF，我也確實在用戶配置裏面設置了，可是，就是不生效。最後，無心間發現，右下角顯示的仍是CRLF,而後嘗試着點了一下，居然能夠改成LF,再而後呢，就沒有而後了，OK了。

雖然費了一大會功夫，可是仍是有收穫的，就是，這個不要錢。。。

還有一個功能是馬克飛象、印象筆記作不到的，印象筆記的內容保存在哪裏咱們並不知道，若是你想將這些內容同步到git上面，貌似是沒有辦法的。而使用vscode寫*.md，文件內容都是在你指定的目錄中，你能夠隨時將這些文件add,commit,push到git上面，是否是很方便。。。

ps:這篇文章我就是用上述方法編輯的，很是方便，並且我直接push到個人git倉庫了。在git頁面，直接複製該dom的html源碼，貼到博客園就能夠自動呈現格式化後的樣子（雖然代碼塊、區域文本顯示不太正常），仍是很方便。
若是照片加載不全或者失敗，能夠直接訪問本文git頁面。

本文原創，歡迎轉載，但請指明出處。若有錯誤，歡迎指正。