## <font color="#FFD700"><i class="fa fa-trophy" aria-hidden="true"></i></font> ### 2022 iThome鐵人賽 ### 小題大作的 30 個 HackMD技巧 <font color="#FFD700">#24</font> # HackMD 與 # 本機 VS Code 協作 ---- ## 方法一 ## 您可以一鍵下載所有筆記  ---- ## 透過[VS Code](https://code.visualstudio.com/) ## 本機開啟解壓縮的資料夾  ---- ## 本機以 MarkDown 語法編輯筆記  ---- ## 注意事項 - 只是下載了HackMD檔案，本地編輯與網頁檔案不同步。 ---- ## 方法二 ## 安裝VS Code 的 HackMD 套件 ---- ### [HackMD - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=HackMD.vscode-hackmd)  ---- ## 在 VS Code 登入 HackMD 側邊欄有HackMD圖示，可以看歷史資料  ---- ## 可以在 VS Code 閱覽  ---- ## [可用命令列指令](https://hackmd.io/@docs/vscode-hackmd-release-notes) - 將本機檔案上傳至HackMD當筆記 - 滑鼠右鍵呼叫"命令列選擇區" ---- ## 注意事項 - 目前 HackMD 外掛可拉取歷史編輯資料 - 但不允許在 VS Code 編輯 - 可以Open note on HackMD ---- ## VS Code 的 HackMD 套件 ## 可用的2個命令列指令 `ctrl + shift + p` ---- `> HackMD: Create note from editor` - 在 VS Code 任一檔案開啟命令列 - 用命令區執行指令 - 另開 HackMD 網頁確認 ----  ---- `> HackMD: Create a code snippet` - 在 VS Code **選取**要貼去 HackMD 的程式碼 - 用命令列執行指令 - 另開 HackMD 網頁確認 ----  ---- <h2 class="r-fit-text">THANK YOU</h2>