# You don't know HackMD ## the extension part Yukai Huang @MOPCON2019 --- # Who am I - Yukai - HackMD 開發者 & 粉專小編 - VSCode Taiwan 粉專小編 --- # You don't know HackMD --- ## 所以你就比較懂囉？ --- ### ~~因~~該啦 <br><br><br> <small>應啦乾</small> --- ## 開宗明義 我就是要來業配 --- ## HackMD 的擴充功能 延伸 HackMD 的體驗到... --- # 瀏覽器擴充功能 和 # VSCode 擴充功能 --- ## HackMD-it ## 瀏覽器擴充功能 ---  --- <div style="text-align: left; "> <h2>1. 快速搜尋存取最近的筆記</h2> <h2> 2. 用 HackMD 編輯 GitHub / GitLab 上的 Markdown 檔案 </h2> </div> --- ### 1. 快速搜尋存取最近的筆記  --- <small>2. 用 HackMD 編輯 GitHub / GitLab 上的 Markdown 檔案</small>  ---  --- ### 其實現在也可以直接在 HackMD 上同步 GitHub 啦！  --- ### 更多直接看 https://hackmd.io/s/hackmd-it-tw ### Chrome & Firefox 擴充功能搜尋 **HackMD-it** --- ## HackMD VSCode 擴充功能 ### 在 VSCode 渲染 HackMD Markdown 語法 ---  ---  ---  ---  --- ## VSCode Marketplace 搜尋 HackMD  --- 好！ --- ## HackMD x Browser x VSCode ## 擴充功能的部分 --- ## One more thing... ---  ---  ---  --- ## 在 VSCode Marketplace 搜尋 **PTT** --- <!-- .slide: data-background="https://distudio.blob.core.windows.net/study4tw/1569243752.13771.png" --> --- CTA 的部分 --- <div class="big-table"> | Markdown 台灣 | VSCode 台灣 | |:------------------------------------------:|:------------------------------------------:| |  |  | | https://bit.ly/2MNfisR | https://bit.ly/2MO833E | </div> <style> .reveal section .big-table img { max-width: unset; max-height: unset; } </style>