---
title: HackMD 的使用範本
description: 來自 Primer 社團、受贊助單位的公開文件及使用情境描述
tags: use case
image: https://hackmd.io/_uploads/S1kcuwiZF.png
---

[TOC]

# 使用交流：HackMD Primer 的使用範本（general）

:::info
- 本篇筆記，想藉由 HackMD Primer 的主動協作，在這裡貼上你的筆記作品，互相交流。
- 格式不拘，以下僅為最簡易的編輯示範，歡迎加上描述、介紹及協作邀請。
:::

:::warning
- 本篇筆記連結，將供 HackMD 粉專、推特、電子報等社群管道分享，請確認你貼上來的內容，能夠被公開傳閱，並願意供 HackMD 官方使用。
:::

## 來自 Wei Ji 的「工程數學筆記 - 通俗的理解卷積運算 (convolution)」

https://hackmd.io/@FlySkyPie/H1OzModCr


:::spoiler 作者分享說明（請點左邊三角形展開內容）
分享一下個人最常用到的兩個功能：

1. MathJax
念理工相關科系最普遍的需求之一就是要筆記公式，熟悉語法之後輸入速度也不會輸給手寫，最棒的是在 wiki 看到公式的時候，對著公式按右鍵「檢查元素」會看到像這樣的內容：

<img src="" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -2.171ex; width:13.691ex; height:5.009ex;" alt="F=G{\frac {m_{1}m_{2}}{r^{2}}}">

alt 的部份可以直接把公式複製到 HackMD 上，省得自己從頭打

2. 註腳
不少部落格文章會直接把參考資料全部塞在文章最下方，但是這沒辦法顯示文章中哪個部份是參考自哪裡。而且在連結失效的情況下，讀者甚至不知道你參考了什麼。
註腳可以打在內文中，編譯後會在原本的位置留下 tag 連結，詳細資訊則是放在文章最底下（我貼的這篇文章為例，就有使用註腳）
再搭配 APA 引用格式就能讓文章的參考資料很有條理
:::

>[name=enen]歡迎大家參考我們的部落格文章，有針對 Markdown 語法及 HackMD 內使用註腳的詳細介紹：[文件：用註腳，俐落收納資料](https://lihi1.cc/PWzow/fb)

## 來自 海洋大學網路發展協會 的「Markdown 文件標記語言簡介」

<https://hackmd.io/@ntouind/markdown-basics>



### 特色

* 同時提供源碼與呈現結果讓觀看者能進行對照
* 使用自定義 CSS 複寫部份簡報模式樣式改善呈現結果

## 來自 g0v 台灣社群的沒有人 的「普悠瑪號列車脫軌事故災情整合平台」

<https://hackmd.io/c/PuyumaCrash-tw>

感謝 HackMD 官方的全力支援


## 來自 林博仁 的「已讀不回」

<https://hackmd.io/@brlin/once-read-never-come-back>

工人智慧版的網路書籤，HackMD 書本模式的濫用


## 來自 TreeZi 的「Introduction of HackMD」

之前一時興起，想要推坑周遭朋友時所做的介紹簡報。

### 簡報連結

簡報連結放在這邊，程式碼的部份放在[這裡](https://hackmd.io/HHPPAUc4R5WJWbMCgVBX6g)

<iframe src="https://hackmd.io/@treeple/0817KeyParty" height=500 width=100%></iframe>

## 來自 Youjun 的 「(NCCU Logout)政大碩士 - 畢業+離校教戰手則」

很久沒有更新了，當時畢業覺得手續很多，資源很雜。
常常一個東西(特別是論文規範和離校RPG)要問很久，所以就做了這個。

原本希望每一屆依序傳承更新下去，
似乎當時有被使用一陣子，後來就沒有了。

:::danger
特色大概就是當時有連動 Github，並且整合留言版的功能~
:::

https://hackmd.io/@NCCU-logout/content


## 來自 enen 的「把論文一般長度的文章放在這邊」

https://hackmd.io/@enen/unmarried_mothers


## 來自 趙柏強 的 「啊是多開放？」（簡報模式）
超強的簡報模式使用範例，各種轉場、圖片、背景圖... 的使用，
配合作者自己做的 CSS，把他每一頁想要說明的內容都放在畫面右側，讓整篇簡報讀起來簡直像是在看一本圖畫書一樣！
雲時代的簡報就應該長這樣子，徹底拋棄 Powerpoint 的框架，從讀者角度出發而生的簡報。 :100: :tada:

https://hackmd.io/@bobchao/what-is-open-workface-2019


:::success
:point_down: 歡迎在本篇持續新增，分享你的作品 :point_down:
:::

---

## 來自＿＿＿的「ＸＸＯＯ」

>連結
>截圖

---

# 使用交流：HackMD Primer 的使用範本（CSS）

## 來自 恐融窩 的「知識筆記本」 CSS 模改範本

https://hackmd.io/4eWH6FlJRn6MaQdVWHM0tw


---

:::success
:point_down: 歡迎在本篇持續新增，分享你的作品 :point_down:
:::

## 來自 A 的「ＸＸＯＯ」

>連結
>截圖

## 來自Ｂ的「ＸＸＯＯ」

>連結
>截圖

......