---
# System prepended metadata

title: HackMD 最近在忙什麼？
tags: [zh]

---

---
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: 

