---
title: 暖身活動（四）──協作、共筆與數位生產力！台灣製造的文件軟體HackMD 培力課程
tags: 暖身活動側記
description: 2022 亞太社創高峰暖身活動側記
image: https://i.imgur.com/DQmXm77.png
---

[](https://apsis.tw/)

<!-- 目錄收起來，這樣很好用 -->
:::spoiler **共筆目錄**
[TOC]
:::

暖身活動（四）──
協作、共筆與數位生產力！台灣製造的文件軟體
HackMD 培力課程
===

::: info
**活動基本資訊** :loudspeaker:
* 日期：2021.12.04（六）
* 時間：14:00-17:00（13:30 開始入場）
* 地點：台南新芽（台南市中西區成功路29號4樓）
* 講師：許恩恩（HakcMD 社群經理）

**▻ 本次活動會將演講部分於台南新芽Facebook粉絲專頁及Youtube直播，但實作階段僅開放現場參與者進行互動、不進行直播**

當 COVID-19 疫情驅動了企業組織的數位轉型進程及遠距/居家辦公的工作模式轉換，「線上數位協作」儼然已成為現今時代洪流下不可逆的趨勢。
本次課程，將由HackMD社群經理 許恩恩，由自身社會運動者出發，再到公部門與民間協力的經驗，分享文播作為公民參與及倡議的角色及實踐方式。並於課堂帶領大家認識協作軟體 HackMD，讓更多人能透過協作軟體，共同打字翻轉社會。

想了解這個主打即時協作、多人共筆的好用數位工具嗎？
想知道這個協作平台如何發揮它的強大生產力嗎？
趕緊報名參加本堂 HackMD 培力課程！我們將手把手帶你學會使用它！
:::
:::warning
#### 關於Hack MD：
專門為多人協作誕生的數位生產力工具 HackMD，是一個以 Markdown 為基礎的協作平台，它簡化了不必要的功能，更加專注在文件、筆記內容本身，因而甚至被喻為「為工程師文件而生的協作平台」。HackMD 除了擁有多種預覽模式可以切換，適合製作筆記、簡報與技術文件之外，更支援多種語法、圖表、數學表達式及留言互動功能，讓筆記不只是筆記。
:::
:::success
**想看更多暖身活動及側記共筆嗎？** :eyes:
:arrow_forward::arrow_forward::arrow_forward: [2022 亞太社創高峰會 ── 暖身活動目錄 :book:](https://hackmd.io/@2022apsis/pre-summit)
:::

## [本次活動相關資料暨書本模式示範](https://hackmd.io/@jingwenwoo/BJc_ur8FF)👈

## 活動流程：

* 主持人、開場：吳淨文（台南新芽協會執行秘書）
* 講者：許恩恩（HackMD）

:cake: 簡報在此：
https://hackmd.io/@enen/tainansprout20211204
:cake: 直播在此：
https://youtu.be/Qfyx_Of_R5U
:cake: Slido在此：
https://wall.sli.do/event/0dcmhexx?section=1c5ccf7d-2889-47f2-9eaa-03acff1eeb5e
:cake: HackMD Primer臉書社團：
https://www.facebook.com/groups/hackmd

| 時間 | 內容 |
| ----------- | -----------------------------|
| 14:00-14:30 | 開場介紹 |
| 14:30-15:10 | 演講：數位協作之路 ==直播== |
| 15:10-15:20 | QA ==直播== |
| 15:20-15:30 | 休息 |
| 15:30-16:00 | 演講：數位工具的進階情境 ==直播==|
| 16:00-16:30 | 實作：HackMD 的多元運用 |
| 16:30-17:00 | 綜合討論 |

## 活動共筆

### 2:00-2:30 開場介紹

邀請大家一起來！「符合你的目的，就是最好的使用情境！」

>[name=恩恩]一起來自我介紹！為什麼來？希望今天聽到什麼？
在大學因為社會運動像是318、反媒體壟斷，在社會運動中遇上了開放文化、接觸到數位工具。畢業後在政治工作與公私協力上，運用了數位工具，開始了數位協作之路

>[name=Kelly]台南大學研究生，之前就有使用過HackMD，在新芽當實習生時接觸到審議相關培力後認識到文字播報等協作方式後，目前長期固定使用HackMD作為文播、紀錄工具。

>[name=毛毛]南藝大地縛靈、台南新芽的專案夥伴，也將負責亞太社會創新高峰會。以前沒有接觸過HackMD，但因為這份工作所以才開始學習。今天的共筆也是由我製作的。

>[name=乃文]
南台科大電子系四年級的學生。過去用過Markdown語法，後來聽到g0v的演講接觸到HackMD，也就陸續使用了三年。
* 很常使用，但好像都是初階使用
* 希望知道更多功能

>[name=Peanut]
目前是機械系大一生。曾用HackMD與Markdown語法，也將開會的會議紀錄與資料放上來。
* 最近執行機械加工專案，需要研究分類
* 想用HackMD畫地圖！做簡報！

>[name=淋齊]
亞太社會創新高峰會研究員。
* 自己想要學習，未來好像因應趨勢，要對共筆協作文化有了解，無論是NGO或是其他工作，都想要學習更多。

>[name=阿全]
現職南科工程師。
* 對筆記軟體有興趣、未來好像是趨勢。
* 過去用過evernote，現在搜尋新工具中

>[name=鮪魚]
資工系、後端工程師，因為Markdown語法使用HackMD、DevOpsDays活動公關票。

>[name=李家-產品設計系大三的學生]
過去有聽過HackMD，但希望今天可以了解更多
未來在作品上應該會充分使用到。

>[name=Harry]
嘉義大學森林系，正在當**國小實習老師**，因為研究室老師使用，就跟著使用。
「真的好用！」想因為這場講座多認識HackMD大神！

>[name=薰]
高雄科技大學資管系大二生，MOPCON2020認識到共筆。一下開始使用，為了複習大學課業內容，而開始學習markdown和hackmd(花3個月學基本功能跟打文章)，後續暑假透過六角學院，也學到更進階的書本模式，組合出更多有趣的功能。[個人網頁(hackmd書本模式)-研究出來的hackmd額外用法](https://hackmd.io/@chiaoshin369/Shinbook)

>[name=Lin]
前後端工程師。
大學時期有做過小專案，在用markdown撰寫文件的時候，想要即時知道當前文件的呈現效果，加上當時社團的幹部也有推薦，所以開始接觸HackMD。

### 一、【演講】數位協作之路

>講座開始，歡迎大家一起隨喜共筆、寫紀錄～
[name=淨文]

過去的運動、抗爭之所以可以被廣傳，主要是因為現場有動員紀錄，並且公開到網路上。也因此，這樣從民間、社群媒體互動，再到後來的社群連結一整個途徑就被這樣紀錄與運作。

#### 協作軟體在社會運動上萌芽

318運動當時，其中一個訴求就是要政府公開，「反對黑箱」。也因此，在技術上也就逐漸開始加入新工具，例如當時的共筆軟體是[Hackpad](https://hackpad.tw/)，運用基本markdown語法運用，傳播各種資訊。
> 共筆軟體是傳遞資訊的重要媒介

影像的資訊量是非常大的，但文字容易閱讀、上手快的性質，讓大家可以透過打字就讓外場知道議場內、會議內容等運動現場發生的事情。
#### 文字訊息的優勢

社會運動的進程中，也需要做到開放透明，例如在318分成立院內外這件事情時，就被場外群眾質疑為何場內不公開其決策過程。
反黑箱也是開放文化興起的高潮。
#### 開放文化在政治上的興起

318後，接觸到了審議民主，理解到公民可以透過資訊共享、強調不同觀點的訴諸，也去聆聽不同角色的厲害關係人，紀錄對話過程的癥結點，而非只是結論。
#### 開放文化的觀念影響審議民主的興起

即時協作這件事，在現有的筆記軟體都常常被忽略，（因為市場不大），舉例找三到五個朋友，在不同軟體協作，在「**組字技術**」上就會有明顯的差異。

#### 組字技術文章：[技術:為什麼中文打字會裂掉？](https://hackmd.io/@hackmd/CompositionEvent)

HackMD的組字技術、良好的快速打字體驗，讓非技術背景人員也可以上手，只要習慣瀏覽頁面、markdown基本語法，就可以共筆協作

> **一些「協作」讓開放政府與公部門開始引進的關鍵：**
1. 快速摘要
2. 透明化
3. 閱讀門檻低（不像影片消耗網路流量）
4. 自然語言
5. 純文字相比影像直播更有正當性
6. 降低公共參與的門檻

推廣公務員間的跨單位、跨局處溝通而不再是一來一往耗費時間的舊有形式，從利用google doc，到hackmd，慢慢轉換成共筆去簡化溝通方式。

**目標：讓公務體系更加的開放！**
後續影響：如果文字轉播成為一種「必須」，在預算上就會被編列，也能進而被公部門重視，成為民間會議、公聽會、說明會等透明的關鍵因素。

#### 審議與文播
> **以「[青年貧窮下的托育及居住心理壓力如何解？](https://hackmd.io/@enen/talk-2021-11-13)」文件討論區」這份為例**

* 因應疫情，產生非同步協作會議(google meet+hackmd一起運用)。
* google meet V.S. 協作軟體(**HackMD**) 的討論效率比較 —— 參與者相較直接發言，在共筆上去寫出意見也會較沒有包袱（同時留下紀錄，也能直接表述想法）

#### 小結：不同的使用者其實也形塑了不同的使用樣貌：
數位工具符合目的，有人用才是重要的。
不要被工具綁住，但也能被工具刺激，讓大家調整不同節奏模式。每個技術背後也能看到背後存在價值。

* 以前常說不要被工具／形式掌握，重點是目的
* 但工具／形式，能夠帶給我們刺激與反思
* 而工具／形式背後，也有其承載的價值
* 鑽研並掌握工具／形式，更能清晰目標的路徑

#### [簡報模式](https://hackmd.io/c/tutorials-tw/%2Fs%2Fhow-to-create-slide-deck-tw)運用
>簡報分頁

---

>**預覽** [YAML metadata](https://hackmd.io/c/tutorials-tw/%2Fs%2Fyaml-metadata-tw) **簡報模式**
>(目前還在開發中，尚未穩定)

---
type: slide
---

#### 額外hackmd功能
>預覽Slido

<iframe src="https://app.sli.do/event/0dcmhexx/live/questions"
height="100%" width="100%" frameBorder="0" style="min-height: 560px;"></iframe>

>**支援** [LaTeX]() **語法使用**

數學公式 $1-2^2$

$1-2^2$    //兩個$符號

### QA，Sli.do #123412 歡迎

* 請問今天的簡報可以留存嗎？
>[name=恩恩]可以～
* 請問，當今HackMD ；是否也支援 LaTeX 語法 ?
>[name=恩恩]可以，在使用教學上可找到

#### 休息 10 分鐘！

>[name=恩恩]也可以先把問題或想分享的內容打在這裡：
[name=丁]那個控制大家頁(ㄋㄠˇ)面(ㄅㄛ)進度的功能怎麼用阿
[name=淨文]回上面：「Host」～當頁面是你開的，可以在右上角「連線」按鈕找到「主持」的功能
[name=丁]謝謝

### 二、【演講】數位工具的進階情境

* 社群應用範例：
[COVID-19 Info 疫情資訊野生整合平台 powered ](https://g0v.hackmd.io/@yitzu/covid-19)
* 公司應用範例：[TWCC FAQ](https://man.twcc.ai/@twccdocs/faq-zh/)
1. 內部分工很細，會需要即時用筆記更新
2. 撰寫文件很即時，就不用再次將文字更新到網站上
* 活動應用：[NASA 黑客松](https://g0v.hackmd.io/@jothon/2021nasahackathon/)
* 即時將活動資訊收成書本模式

* 研討會應用: [MOPCON2020大會官網 - HackMD](https://hackmd.io/@mopcon/2020/https%3A%2F%2Fmopcon.org%2F2020)

* 泛公部門應用範例：[開放國會論壇](https://hackmd.io/@optw/opf-2021/)

* 範例：[青年貧窮下的托育及居住心理壓力如何解？](https://hackmd.io/@enen/talk-2021-11-13)

#### 書本模式運用
:+1: **直接將書本模式，成為==活動大會官網==!**

[2020 的 MOPCON 研討會共筆](https://hackmd.io/@mopcon/2020)
<iframe src="https://hackmd.io/@mopcon/2020" height="100%" widgh="100%" frameBorder="0" style="min-height: 560px"></iframe>

> 紅字標示(小功能)

''

> 若**網址無法嵌入**，使用 **<font color="EA000">[target=_blank]</font>**

# 協作、共筆與數位生產力！－線上協作筆記工具 HackMD 培力課程

---

- [把 Excel 表格複製過來](/_uYYk5qjQw-WooqHas1TKQ)
- [活動目錄](https://hackmd.io/@jingwenwoo/BJc_ur8FF/)
- [亞太社創](https://apsis.tw/)[target=_blank]
- [亞太暖身今日共筆](https://hackmd.io/@2022apsis/pre-summit-4)

>圖片嵌入**改大小**功能


![](https://i.imgur.com/pygzkfL.png =200x)
                                 // =寬x高

>**hackmd 標示功能**

>[color=#3d5dff]這邊應該是==左側的顏色==

>[color=#5445b2]**不同顏色**

### 綜合討論：

#### 遊樂場

| | test1 | test1 | test1 |
|-|-|-|-|
| test2 | test2 | test2 | test2 |
| test3 | test3 | test3 | test3 |
| test4 | test4 | test4 | test4 |

#### 關閉清單自動排序
把有序清單自動遞增關閉, 清單數字就不會遞增了

ca db aa cc asdf s f ga g
aa bb cc dd

Alice->Bob: Hello Bob, how are you?

## 花絮
▻ 本次活動回饋問卷：https://forms.gle/MiumirSpUaGUpWbv9
▻

:::danger
{%hackmd ZETy6TlbTNu6B3l0nQ9sxg %}
:::