:::info
:bulb: 這篇文章是幫助會議活動的主協辦單位與講者，更好地運用 HackMD。

:pencil2: 會議活動、研討會的參與者，可以從這篇[【參與者篇】](/@docs/S1UyYvh5kl)了解研討會常用的編輯技巧。

:open_book: HackMD 完整功能介紹，請參考[使用教學](https://hackmd.io/c/tutorials-tw/)。
:::

# :man_climbing: 會議前 - 準備工作

## :house: 製作共筆首頁

### 如何善用共筆首頁，提升活動影響力？

#### 活動入口網站，創造贊助收益
將共筆的第一篇筆記與當年度活動官網連結，讓所有參與者從這裡進入。在這個頁面上，您可以**販售廣告版位**，例如放置贊助商 Logo、活動合作夥伴資訊，或提供廣告連結，為活動爭取更多贊助機會。不僅能提升贊助商的曝光，也能幫助活動獲得更多資源支持！

#### 主辦方的宣傳與資訊中心
除了作為活動入口，共筆首頁也是主辦單位的最佳**宣傳與徵才工具**，讓參與者在活動前就能獲取關鍵資訊，提升活動體驗。

您可以放上...
- 行前通知
- 活動FAQ
- 社群連結

如果您的團隊正在**招募人才**，也可以適時加入相關資訊，讓更多有興趣的專業人士看見！

💡 **靈活運用共筆首頁，不只記錄內容，更能創造價值！**

## 將所有共筆合成一部文件（書本模式）
您可以將所有共筆集合在一個書本模式文件中，這亦能夠集所有知識與分享內容於一冊。

詳細的教學可以參考：[如何使用書本模式 <i class="fa fa-book"></i>](/4SLkwZUNRhqsgPOFDbRgtw)

:::warning
:warning: 注意
書本模式的主文件 (也就是書本結構) 只會呈現標題和清單項目的連結
:::

## 建構共筆的小技巧

### 在書本結構上添加文字標籤

您可以將會議室編號、探討的主題艱深程度標注在筆記條目旁邊。

1. 方法一、使用純文字語法前後包覆文字
就像這樣：

`會議室編號`

2. 方法二、使用css樣式設定
您可以寫一段css語法插入書本模式的書本結構。

[筆記標題](筆記連結)語法與文字寫在這邊

### 利用書本結構展示時間、贊助商

您可以在書本的書本結構加上講座地點、起訖時間、贊助商的名稱等，呈現任何重要資訊。

### 散播知識更快的方法 - 公開發佈

將研討會的筆記公開發佈，讓搜尋引擎能夠抓取關鍵字。除了研討會的內容與互動延伸到活動之外，大家也能輕鬆 Google 到筆記，增加研討會的自然流量與曝光機會。

現在就[【公開發佈】](https://hackmd.io/@docs/permalink)吧！

## :hammer: 設定筆記權限

共筆固然是開放由會議參與者共同協作而成，但是主辦方也能設定讓一些筆記不被更動。例如：共筆的書本結構(主文件)、公告內容、FAQ 頁面等等。

在【檢視模式】中，上方的【<i class="fa fa-pencil fa-fw"></i> 編輯】，可以回到編輯模式。透過右上角的【分享選單】就能調整筆記權限。

- 所有人：任何知道連結的人都可以存取這份筆記
- 已登入者：必須登入 HackMD 才可以存取這份筆記
- 擁有者：只有擁有者可以存取筆記

:::warning
:warning: 注意
只有筆記的擁有者可以更改權限
:::

## :cloud: 講者分享投影片的三種方法

若講者同意分享簡報可以透過以下的方法嵌入共筆，或直接[使用 HackMD 的簡報模式](#三、使用-HackMD-的簡報模式)。

#### 方法一、上傳至 SlideShare

1. 請先將簡報上傳至 SlideShare 再使用語法： `{%slideshare <username>/<slideshare_uri> %}`
2. 即可看到這樣的預覽：
{%slideshare anistarsung/mopcon-2015-tips-of-mobile-continuous-delivery %}
3. 我們也支援 Speakerdeck，只要將語法改成： `{%speakerdeck <username>/<speakerdeck_uri> %}`

#### 方法二、將簡報 PDF 嵌入 HackMD 筆記

1. 若是 Powerpoint ，先存成 PDF。
2. 上傳到可以下載 PDF 的資源存放點，例如：GitHub。
>[!Important] 注意
>請使用 https 的網址，否則可能會被您的瀏覽器阻擋載入
3. 再使用這樣的語法 `{%pdf <https://path/to/file.pdf> %}` 即可嵌入筆記當中。

##### 注意：頁面的連結必須是直接連到 PDF 的資源，已知 Google Drive、Google Docs 和 Dropbox 不適用

:::info
:bulb: 小技巧

使用 Google Drive 分享時，將 PDF 連結以【知道連結的使用者】分享，然後將連結末尾的 `/view?usp=sharing` 替換成 `/preview` 就可以嵌入了
:::

4. 即可看到如下的預覽
{%pdf https://drive.google.com/file/d/10BSBhceGFGFpBGLY-VSc4cvRimZdUHLg/preview %}

#### 方法三、直接使用 HackMD 的簡報模式

>**我們提供了一份精美的簡報範本，可參考[這份](https://hackmd.io/yBgAAHfZQXyLUq2py_nTOA?both)**

請使用 Markdown 語法排版
- 簡報分頁
- 以 `<空行> --- <空行>` （共三行）的標記來分頁
- 頁面可以有子頁面，講者可以依照時間狀況決定要不要進入子分頁
- 以 `<空行> ---- <空行>` （共三行）的標記來分頁，使用四個`-`來區分子頁面。
- 在 **簡報模式(slide mode)** 投放簡報期間，您可以「按 Esc 鍵」隨時進入 **Overview** 模式，綜覽所有頁面
- 頁面元件（fragments）以不同順序出現（動畫）
- 使用語法： `<p>元件文字內容<!-- .element: class="fragment grow" data-fragment-index="1" --></p>`

調整完筆記後，在 **分享(Share)** 選單裡選用 **簡報模式(slide mode)** <i class="fa fa-tv"></i> 進行簡報

:::info
進階語法請見[文件](https://hackmd.io/slide-example?both)，包含以不同動畫轉換頁面、改變背景主題、以影片或 GIF 為背景主題，甚至有 **<簡報計時提詞模式>** 等
:::

# :woman-biking: 會議中 - 即時互動

### 快速嵌入固定公告模板

身為主辦/協辦單位或共筆的管理員，在活動現場可能遭遇臨時的狀況。

這時【嵌入筆記】能幫助你快速向共筆中的與會者們佈達重要資訊、達到同步播報的效果。

1. 首先建立一個專門公告的筆記。
2. 取得該筆記的隨機碼。也就是筆記分享 URL 尾端的 `/隨機碼`。
3. 接著在每一篇共筆的特定區段輸入 `{%hackmd noteid %}`
4. 將 隨機碼 取代 noteid 就完成啦！
5. 只需要修改專門公告的筆記就會同步到所有被嵌入的筆記。

### :postal_horn: 自訂/客製化公告

使用以下的語法即可新增色塊公告， code block 可以一鍵複製語法:sparkles:

:::success
耶 :tada: 便當來了！
:::

:::info
:mega: 便當已開始發放，預計十分鐘內會被拿光
:::

:::warning
注意：:zap: 只有十個人訂素食便當，請不要亂拿
:::

:::danger
喔不！便當發完了！誰偷拿講師的便當？！！ :fire: 
:::

:::success
耶 :tada: 便當來了！
:::

:::info
:mega: 便當已開始發放，預計十分鐘內會被拿光
:::

:::warning
注意：:zap: 只有十個人訂素食便當，請不要亂拿
:::

:::danger
喔不！便當發完了！誰偷拿講師的便當？！！ :fire:
:::

#### 更多客製化筆記的方法

[螢光筆、色塊強調和收和功能](https://hackmd.io/c/tutorials-tw/%2Fs%2FX78DjnM0RrWJM6xWKankYg)

## 🗣️ 建立聊天區

如何在共筆中建立聊天區，促進與會者互動？
1. 直接在共筆中建立「聊天區」
- 在共筆文件的適當位置（例如開頭或結尾）新增一個 **「聊天與討論區」** ，讓與會者自由留言交流。
- 建議搭配標註格式（例如 🔹 問題、💡 想法、🎯 重點），讓對話更有條理。

2. 善用 HackMD 討論功能
- HackMD 支援 **留言與討論功能**，主辦單位可透過 **分享 > 更多功能** 開放留言權限，讓參與者在特定段落留言互動。
- 這樣不僅能讓對話集中在相關內容，還能幫助講者與主辦方回應問題。

## 共筆文件應用

### **靈活運用共筆，提升互動與資訊透明度！**

共筆不只是記錄內容的工具，還能幫助主辦單位提升參與度並提供重要資訊：

1. 放置演講回饋問卷
在每場演講的共筆區塊中加入**回饋問卷連結**，鼓勵與會者即時填寫，幫助講師與主辦單位了解參與者的想法，優化未來活動內容。

2. 提供線上 QA 互動
共筆可以作為**線上 QA 平台**，讓參與者直接在筆記中提出問題，或透過內嵌的連結進入提問平台，讓講師或與會者能交互回覆，增加互動感。

3. 放置授權資訊（License）
若講師同意開放演講內容或投影片使用，您可以在共筆中**加入 License 說明或下載連結**，讓參與者清楚了解內容的使用規範，確保資訊流通的同時尊重原創權益。

🙌 **透過共筆整合這些應用，讓活動更具互動性、回饋更即時，資訊也更透明！**

## 研討會應用例子

介紹了許多使用方法、好用的工具。

口說無憑，不如看看 HackMD 在研討會中的實際應用吧！

### Hello World Dev Conference 2024

參考共筆連結：https://hackmd.io/@HWDC/2024/%2F%40HWDC%2FSy93XqInR

### MOPCON 2024

參考共筆連結：https://hackmd.io/@mopcon/2024/https%3A%2F%2Fmopcon.org%2F2024%2Fschedule%2F

### COSCUP 2024

參考共筆連結：https://hackmd.io/@coscup/2024/%2F%40coscup%2FB1lL9PutC

&nbsp;

# :man_dancing: 會議後 - 資訊分享

## 分享活動錄影

1. 上傳至 Youtube 或是 Vimeo
2. 使用語法嵌入影片
`{%youtube <video_URI> %}`
3. 即可看到影片
{%youtube MhwEaZTrmNg %}

## 留存共筆紀錄

- 右上角的 **選單<i class="fa fa-ellipsis-h" aria-hidden="true"></i>**，可以...
- 將筆記匯出為 PDF 並存到本機。
- 將筆記匯出至其他服務：例如 **Dropbox** <i class="fa fa-dropbox"></i> 、Google drive、Gist。
- 下載 **.md** <i class="fa fa-file-text"></i> 、**html** 檔到你的本機。
- 直接以網頁存成 PDF：在檢視頁面以==網頁列印==方式，將內容以 PDF 檔印成紙本。

## 主辦方宣傳

**讓研討會影響力延續，共筆內容發揮更大價值！**

研討會結束後，內容與討論不該就此停留。
- 您可以將共筆內容加入當年度的活動網站，讓與會者回顧重點，也讓沒參加的人獲取重要資訊。
- 也建議在共筆頁尾加上活動網站的連結，方便讀者進一步了解您的組織和未來活動。

:::info
此外，如果特定講師授權公開演講錄影，您還可以在共筆中加入影片連結、廣告表單或相關資訊，讓更多人觀看完整內容，也為您的活動或品牌帶來更多關注與互動！
:::

📌 **別讓精彩內容埋沒，讓它持續發揮價值！**

&nbsp;

## 活動與研討會合作

現在就聯繫 HackMD 團隊，共同打造更具影響力的研討會。作為您的合作夥伴，HackMD 提供多種功能，幫助您更有效率地建立議程筆記，並且提升與會者的體驗。

### 與我們合作的優勢：

1. **高效議程筆記建立：我們提供專業的協助，確保您的議程筆記能夠快速且準確地建立，節省時間和精力。**
2. **圖片上傳限制：提供上傳 1 MB 以上的圖片，讓您的筆記更加豐富多彩。**
3. **PDF 匯出：您可以輕鬆地將研討會筆記匯出為 PDF 文件，方便分享和存檔。**
4. **三人以上的工作空間協作：我們的付費團隊方案支持三人以上的工作空間協作，讓您的團隊能夠更高效地合作。**
5. **完整編輯紀錄：我們提供完整的編輯紀錄，確保您的筆記隨時都能追溯和管理。**

與 HackMD 合作，讓您的研討會更加精彩，讓知識更快地傳播。讓我們一起創造更多價值，共同推動知識的傳播與分享！

<style>
.flip-container {
position: relative;
width: 600px;
height: 320px;
}

.flip-card img,
.flip-card .back {
position: absolute;
width: 100%;
height: 100%;
transition: opacity 0.6s ease-in-out;
}

.flip-card .back {
background: #FFFFFF; /* ChatGPT 輸入框的淺灰色 */
color: #4D4D4D; /* 深灰色字體 */
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
font-size: 28pt;
font-weight: bold;
opacity: 0; /* 預設隱藏 */
}

.flip-container:hover .front {
opacity: 0; /* 滑鼠 hover 時圖片淡出 */
}

.flip-container:hover .back {
opacity: 1; /* 滑鼠 hover 時信箱淡入 */
}
</style>

<div class="flip-container">
<div class="flip-card">
<img class="front" src="https://hackmd.io/_uploads/rkHxwYfjye.png" alt="合作聯絡">
<div class="back">合作聯繫 🚀<br>[e-mail]</div>
</div>
</div>