changed a year ago  
Linked with GitHub

HackMD註冊與Markdown語法入門

主講人：黃夙賢

HackMD

  • 以 Markdown語法為基礎，追求簡潔的線上協作筆記

  • 北科大資工系吳承翰所開發

  • MD指的是採用MarkDown語法撰寫

  • 線上編輯，自動存檔

  • 可儲存不同版本文件進行協同作業 (免費版有10個版本限制)

MarkDown語法

  • 一種輕量級標記式語言

  • 於2004年由John Gruber所制定

  • 目標是易讀易寫

  • 最大靈感來源是純文字的電子郵件格式，參考HTML的設定格式

HackMD註冊

輸入註冊資訊

註冊驗證

註冊驗證

登入

登入成功

隨堂練習

  • 請各位同學至HackMD網站註冊一帳號

HackMD入門教學

撰寫基本原則

  • 先不對文字進行視覺上的調整 （例如：變成粗體、標題、分項目），專注把想法表達出來

  • 當內容比較完整的時候，再來使用語法排版

  • 充分運用 HackMD 的雙欄模式，你在編輯器寫作，同時檢視「被呈現」的模樣

  • 寫出結構，大標題、次標題、文件資訊的醒目提示。有個排版的基本想法，再來填充文字內容。

雙欄模式

標題

  • # 第一層標題

  • ## 第二層標題

  • ### 第三層標題

  • #### 第四層標題

  • ##### 第五層標題
  • ###### 第六層標題

  • 注意#字號後面需要空白

斜體、粗體

  • 在文字兩端加上 * 符號，即可將文字變成斜體

  • 在文字兩端加上 ** 符號，即可將文字變成粗體

  • 例如：

斜體
粗體

隨堂練習

清單 - 無序清單

  • 加上 "-" 即可設定無序清單

  • 次清單只需要縮排即可(兩個空白，或者Tab鍵)

  • 例如：

清單 - 有序清單

  • 直接寫上序號即可
  • 例如：

隨堂練習

區塊

  • 行首輸入 > 符號，並在後面加上一個空白後，再輸入引用文字，即可形成引用區塊
    • "> 引用區塊"
    • ">> 子引用區塊"
    • ">>> 子子引用區塊"
  • 例如：
引用區塊
子引用區塊
子子引用區塊

隨堂練習

插入圖片

  • 語法：! [想要顯示的文字] (URL)

  • 可以將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上，都會直接將圖片上傳到 imgur 後自動插入圖片語法

  • imgur圖床為公開圖床

隨堂練習

嵌入影片

隨堂練習

隨堂作業一

  • 請完成我的第一個HackMD筆記，並將連結上傳至Tronclass作業當中
  • 筆記標題請設定為: 我的第一個HackMD筆記
  • 請點選右上角 『分享』，並點選『複製』即可獲得分享連結
  • 『可閱讀』權限記得開放『所有人』
  • 作業範例請參考：https://hackmd.io/@shhuangmust/ryE-BCMnt

範例畫面

Select a repo