Day 24 : HackMD 與 本機 VS Code 協作

• 一般來說我們都很習慣 HackMD 在線上編輯與共筆，其實用VS Code在自己的電腦安裝插件後，就可以進行某程度的互動，今日來跟大家介紹。

本機電腦可以一鍵下載所有筆記

• 在眾多筆記平台中，HackMD一鍵下載所有筆記是最乾脆的，有些平台會不希望您離開他。
• 在 HackMD 的編輯介面點選 HackMD 圖示，到我的空間左下方的選單，選擇設定。
• 在設定裡選擇筆記設定，下載所有筆記即可。
• 下載的檔案是.zip壓縮檔，解開來會是一篇篇的.md檔案。
  

VS Code 與 HackMD 檔案互動

用途1. 從本機開啟解壓縮的資料夾

• 該資料夾全都是以 MarkDown 語法編輯筆記
• 此方法只是下載了 HackMD 檔案，本地編輯與網頁檔案不同步。
  
  

用途2. 安裝 VS Code 的 HackMD 套件

• 在 VS Code 擴充套件搜尋 HackMD - Visual Studio Marketplace套件，安裝即可。
  

• 點選左邊側欄有 HackMD 圖示，登入 HackMD 後完成連線，可閱覽 HackMD 編輯歷史資料，也可以雙欄預覽。
  
  

• 可是可是可是無法直接編輯 HackMD 筆記，只能預覽。

用途3. VS Code命令列指令建立新筆記、建立新程式碼筆記

• 依據官方可用命令列指令的資訊，VS Code 安裝 HackMD 外掛後，在"命令列選擇區"有HackMD: Create note from editor及 HackMD: Create a code snippet兩個新指令。
• 呼叫"命令列選擇區"的方式，可以用滑鼠右鍵選擇，或以快捷組合鍵ctrl + shift + p 呼叫。

從編輯器建立HackMD筆記:

• 在 VS Code 之中的任一檔案，用命令區執行指令HackMD: Create note from editor，即會依據檔案內容新建筆記，可以另開 HackMD 網頁確認。

  

選取程式碼建立程式筆記:

• 在 VS Code 選取要貼去 HackMD 的程式碼片段，用命令列執行HackMD: Create a code snippet 指令，即會新建程式筆記，可以另開 HackMD 網頁確認
  

分享今日簡報，以及至今已公開的所有簡報，供您一次瀏覽!