--- tags: zh image: https://i.imgur.com/5buZWIn.png date: "2020-3-17" author: yukai summary: | 在 2020 的第一篇部落格文竟然不是 2019 的年度回顧!? 雖然時間有些遲了,本篇文章將會一一回顧最近一年,HackMD 的功能更新與不一樣的地方。 --- # HackMD 最近在忙什麼? 本篇文章的標題原本是叫做「HackMD 2019 年度回顧」的,不過由於筆者拖了又拖,從聖誕節拖到農曆新年,再從新年拖到了 228。2020 都已經要過完第一季了還在開天窗,只好忍痛改了標題 😂 在過去的幾個月,HackMD 團隊不斷努力為大家帶來更好的協作體驗。忙了這麼久,也該說說自己做了什麼吧!這次的文章將會總結最近一年 HackMD 在產品各個面向帶來的改進,錯過我們臉書貼文更新、或是很久沒關注 HackMD 消息的朋友,也可以藉此複習一下。 就讓我們開始吧! ## 利用範本快速建立新筆記 在[四月時][fb-template] HackMD 上線了「[範本][tutorial-template]」功能。利用範本,你可以快速的以預設內容來建立新筆記,不用每次開新筆記時,都得重複複製貼上。我們也提供了幾種不同的預設範本,像是會議記錄、簡報、README範例 等,讓對文件比較陌生朋友能夠快速上手 :handshake: ![](https://i.imgur.com/u8scNrU.gif =500x)**使用範本建立筆記** [fb-template]: https://www.facebook.com/hackmdio/posts/2270037116386818 [tutorial-template]: https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-use-template-tw ## 內容時光機 - 版本功能再度進化 HackMD 甫一上線就支援版本功能,隨著時間過去,我們也不斷地強化版本功能。在[七月時][fb-revision] 我們推出「[命名版本][tutorial-revision]」功能更新,以往的 HackMD 會每隔十分鐘定時建立版本記錄,如果使用命名版本,你就可以在任何時候建立新的版本,還可以留下版本名稱和敘述,讓這個版本有意義。 除了新增版本,你也可以[比較任意兩個版本的內容差異][tutorial-diff]。用更 geeky 的字來說,就是 `git diff` 啦! ![](https://i.imgur.com/orBlzdj.gif =500x)**新增命名版本** ![](https://i.imgur.com/nP1NscE.gif =500x)**比較版本內容差異** [tutorial-revision]: https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-save-tw [tutorial-diff]: https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-save-tw#%E6%AF%94%E8%BC%83%E7%89%88%E6%9C%AC [fb-revision]: https://www.facebook.com/hackmdio/posts/2412143235509538 ## Markdown 表格編輯新體驗 對新手來說,Markdown 的表格一直是個難以上手的存在:需要特別記憶的符號、難以輕鬆的排版。筆者在過去也時常運用 [Markdown Tables generator](https://www.tablesgenerator.com/markdown_tables) 這類的網站,來幫忙快速生成 Markdown 表格語法。 ![](https://i.imgur.com/795YQ3f.png =300x)**[ネタ](https://zh.moegirl.org/zh-tw/%E6%AC%A7%E5%B0%94%E9%BA%A6%E7%89%B9)** 不過看筆者這樣敘述就應該能猜到,在 HackMD 上建立表格已經不再是個痛了!HackMD 在十一月時推出了 [表格編輯][fb-table] 功能,除了有工具列的按鈕可以輕鬆調整表格欄列,還有給高效使用者專用的[表格快速鍵][tutorial-table]: ![](https://i.imgur.com/4eWcmDr.gif =500x)**利用快速鍵建立表格** [fb-table]: https://www.facebook.com/hackmdio/posts/2699478126776046 [tutorial-table]: https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-create-table-tw ## 全新的首頁,全新的設計 儘管沒有大張旗鼓,你可能悄悄發現 HackMD 的首頁長得和之前不太一樣,這些改變都是為了讓初次遇到 HackMD 的新朋友能更快瞭解我們。 此外我們也大幅更新了 HackMD 網站各個頁面的設計,改善了易用性以及頁面切換速度。 ![](https://i.imgur.com/iAxGCoj.png =500x)**HackMD 的新首頁** ![](https://i.imgur.com/8hYGByC.png =500x)**筆記總覽頁的新設計** ## 通知中心,不錯過新訊息 以往只要筆記更新或是有新留言,HackMD 就會寄送通知信到你的電子信箱,但有時信件太多,你可能因此忽略了重要的訊息。HackMD 在[今年初推出了全新的通知中心][fb-notification],明確劃分了不同通知層級,並設計了簡潔漂亮的通知中心介面來收納通知,從此你不會再錯過重要的新訊息! ![](https://i.imgur.com/A7UHEbE.png =500x)**在通知中心縱覽所有新訊息** [fb-notification]: https://www.facebook.com/hackmdio/posts/2797404056983452 ## 外部服務整合與擴充功能 在 2019 這一年,我們整合了更多的外部服務。在[三月底][fb-account-integration] 上線的多 OAuth 授權整合功能,讓你用多組社群帳號(如 Facebook, Twitter)登入同一個 HackMD 帳號。在[八月初][fb-github],我們整合了 [HackMD 的版本功能以及 GitHub 版本控制][tutorial-github],你可以用 HackMD 來編輯、同步、更新 GitHub 上的檔案。 [fb-account-integration]: https://www.facebook.com/hackmdio/photos/a.1004391802951362/2251889861534877 [fb-github]: https://www.facebook.com/hackmdio/posts/2475780629145798 [tutorial-github]: https://hackmd.io/c/tutorials-tw/%2Fs%2Flink-with-github-tw 在 2019,我們也持續更新 HackMD 的瀏覽器擴充功能:[HackMD-it][tutorial-hackmd-it]。在[九月時][fb-hackmd-it],HackMD-it 支援了釘選筆記以及新的設定介面。 也同樣在九月,我們在 VSCode Marketplace 發佈了 [HackMD VSCode][vscode-hackmd] 擴充功能。即使身處離線環境,我們也能在 VSCode 裡撰寫相容 HackMD 的 Markdown 語法,並即時預覽: ![](https://i.imgur.com/X31HZqm.png =500x)**在 VSCode 裡寫 HackMD Markdown!** [fb-hackmd-it]: https://www.facebook.com/hackmdio/posts/2525902220800305 [tutorial-hackmd-it]: https://hackmd.io/c/tutorials-tw/%2Fs%2Fhackmd-it-tw [vscode-hackmd]: https://marketplace.visualstudio.com/items?itemName=HackMD.vscode-hackmd ## 協作與社群 在[五月時][fb-invitation],HackMD 上線了筆記的 [邀請協作][tutorial-invitation] 功能,輸入使用者名稱或 Email,搜尋並邀請你的夥伴一起編輯筆記,並能進一步的調整協作者的權限。 ![](https://i.imgur.com/zxUnb1B.png)**邀請介面** 在[九月初][fb-team-private-testing],藉著與台灣微軟合辦的[一場小聚][hackmd-meetup],我們偷偷上線了團隊功能並進行了封測。最近我們更加完善了團隊功能,並推出「開放團隊功能」。只要你有協作的需求,你可以新增一個團隊,在把夥伴同學們邀請進來,讓協作更有效率! ![](https://i.imgur.com/ixspMDF.png )**打開首頁左上角的「空間選單」,選擇「建立新團隊」** ![](https://i.imgur.com/XfgbeYq.png )**如果團隊的筆記能讓全世界都受益,可以將「團隊隱私性」設為「開放」哦!** [tutorial-invitation]: https://hackmd.io/c/tutorials-tw/%2Fs%2Finvite-tw [fb-team-private-testing]: https://www.facebook.com/hackmdio/photos/a.1004391802951362/2527782943945566 [fb-invitation]: https://www.facebook.com/hackmdio/photos/a.1004391802951362/2325041240886405 [hackmd-meetup]: https://hackmd.kktix.cc/events/markdown-vscode-github-developer-meetup ## 邁向 2020...的 Q2 啦! 你以為我要說的是邁向 2020 嗎?答錯了,因為 2020 年的第一季都快過了 :joy: 回顧近一年的 HackMD,在[編輯體驗](#利用範本快速建立新筆記)、[介面設計](#全新的首頁,全新的設計)、[外部整合](#外部服務整合與擴充功能)、[團隊協作](#協作與社群)等,各個方面都有巨大的升級。在接下來的一年,開發團隊也會繼續卯足能量,會各位帶來更好的 HackMD! 順便在這裡預告一下,最近團隊正在加緊努力的讓「提及」功能上線,以後在筆記就可以用「**@**」符號來標記協作夥伴,請他們出來乖乖面對囉 :sunglasses: