:::info
:bulb: 這篇文章是幫助會議活動的會議活動、研討會的參與者，更好地運用 HackMD。

:pencil2: 主協辦單位與講者，可以從這篇[【主辦方】](/@docs/conference)了解活動前置準備、促使的各種方法。

:open_book: HackMD 完整功能介紹，請參考[使用教學](https://hackmd.io/c/tutorials-tw/)。
:::
# :man_and_woman_holding_hands: 【參與者】具名、留言、共筆留存

## 上傳圖片或照片

擔心事後講者的投影片沒有上傳，或是演講中看到什麼好笑的事情，你想用相機記錄，再分享給大家嗎？

只要在 **<編輯模式>** 裡按下這個按鈕 <i class="fa fa-picture-o" aria-hidden="true"></i> （位於編輯模式工具列）或是 **拖放** 圖片到編輯器，甚至 **貼上** 圖片也可以喔！

這會自動上傳圖片至筆記的HackMD專屬私有雲 :tada:

### 手機版如何上傳照片

在手機上編輯共筆，您只要點擊編輯器工具列的 <i class="fa fa-picture-o" aria-hidden="true"></i> 就能選擇上傳照片或直接使用相機拍攝並上傳。


## 實用語法

### 一、螢光筆

語法：使用連續兩個等號 `==` 前後包覆文字，例如 `==螢光筆==`

可以得到像這樣的效果 :point_down:
==天啊我會發光==、或是 ==螢==火蟲

### 二、插入色塊

這可以讓您在共筆中插入一個明顯的色塊，您可以在色塊中輸入文字、插入圖片等基礎的編輯動作。
語法：請在空白行輸入 `:::` 系統會跳出選單讓你選擇色塊的顏色，共有四種顏色可用。

可以得到像這樣的效果 :point_down:

:::info
在語法之間可以打字
:::

:::success
插入圖片
:::

:::warning
- 清單1
- 清單2
:::

:::danger
表情符號 :call_me_hand: :face_with_hand_over_mouth:
:::

### 三、GitHub Alert

語法：依序輸入 `>[!]` ，游標停在驚嘆號右邊會跳出五種類型的 GitHub Alert 可使用

可以得到像這樣的效果 :point_down:

>[!Note]

>[!Tip]

>[!Important]

>[!Warning]

>[!Caution]

## 協作功能

### 🖋️ 具名
有時候寫筆記的人對於講者所說的聽不清楚、有疑問，或對自己記錄的內容不是很確定，或是想要和其他共筆編輯者討論、提問等等，會想要具名留言，可以在編輯器打字的時候使用這個語法。

語法：`> 提問內容 [name=<myName>]`

就可以得到像這樣的效果 :point_down:
> 我好帥啊！[name=大帥哥]

&nbsp;

>[!Note]注意
> `>` 需要換新行，不能接在行尾。不然會變成這樣：> 我也好帥 [name=具名失敗]

### 🗨️ 留言

首先，在筆記預覽選取一段文字，接著會出現工具選單，點擊【留言】，


### 複製段落連結

當你在研討會中，與其他參與者交流時想快速分享某一篇共筆的段落，請善加利用複製段落功能。
你可以快速取得某段落的連結，對方開啟連結會直接跳到文字的絕對位置。

#### 在預覽頁面...

選取一段文字並點擊圖案，您就成功複製段落連結！

#### 在編輯器中...

單擊行號 或 按著 <kbd>Shift</kbd>選取第一行與最後一行，您就可以複製該段的連結！

### 顯示編輯紀錄

在編輯器中點擊行號數字的部分，就能開啟選單查看該行的歷史編輯紀錄，不需要到筆記的版本紀錄翻找老半天啦！


## 留存共筆的方法

### 🔖 收藏筆記
喜歡某一場的共筆筆記嗎？快將它加入您的收藏，不怕活動後找不到。

在筆記的最上方，點擊【收藏】按鈕吧！


### :heavy_plus_sign: 追蹤他人 / 團隊

想要追蹤某位使用者、團隊的筆記？移動到頭像這~等到個人檔案出現就可以追蹤。

若使用手機版，則點擊頭像會直接前往對方的個人公開頁哦


### 🖨️ 匯出

**擔心你辛苦貢獻的共筆，活動結束後就找不到了嗎？**

- 右上角的 **選單<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 檔印成紙本。

&nbsp;

## 活動與研討會合作

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

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

1. **高效議程筆記建立：我們提供專業的協助，確保您的議程筆記能夠快速且準確地建立，節省時間和精力。**
2. **圖片上傳限制：我們的付費團隊方案允許您上傳圖片，讓您的筆記更加豐富多彩。**
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>