Try   HackMD

HackMD Markdown Language

標題

​​​​標題用#的數量決定大標題小標題
h6

Tab縮排效果

​​​​Tab 縮排後其他效果都會消失,所輸入的都被視為純文字
​​​​縮排背景會變灰色的
​​​​在編輯頁面使用 space 效果不受影響,但在檢視頁面不會有空格

加入Tag

​​​​這樣這篇文章就有 HackMD 這個標記囉
tags: HackMD

引用,常用來寫 comment

​​​​使用符號 > 來實現引用 
​​​​可使用 [] 來加以說明 comment 的作者、寫的時間、顏色等等
​​​​並且可以巢狀引用
​​​​空一行即可 結束引用

這是引用效果囉!

巢狀引用
WSMaoFri, Feb 28, 2020 7:31 PM
繼續引用

結束引用囉

巢狀引用

你笨蛋小明

你才大笨蛋小美

哼哼 小明

勾選清單

  • 加x就是打勾
  • 空格就是沒打勾

Icon

​​​​用符號 : 夾住 Icon code 

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Emoji Link

文字效果

Bold
Italic
Superscript
Subscript
Crossed
Highlight

高亮資訊

​​​​語法 
​​​​:::info 加入內容 :::

Hint: 內容

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

加入照片

​​​​直接將照片從資料夾托拉進 HackMD 就可以囉
​​​​照片會自動被上傳到雲端空間並顯示出來
​​​​加入網頁照片則直接使用語法 ![](網址)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

插入 HTML Icon

加入 Gif 與加入照片相同

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Embed YouTube Videos

​​​​https://www.youtube.com/watch?v=PJuNmlE74BQ
​​​​取 youtube 網址 v= 後面的 youtube video id 

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

HackMD Tutorials

插入 Table

​​​​注意內部連結可使用變數的方式表示,以免表格太長
  • Table
Features Tutorials
GitHub Sync
Browser Extension
Book Mode
Slide Mode
Share & Publish

使用LaTex

  • LaTeX for formulas

x=b±b24ac2a

程式碼

​​​​飯粒為使用 JavaScript ,亦可使用 C 等語言
​​​​16好像是設定第幾行
var s = "JavaScript syntax highlighting"; alert(s);

UML diagrams

Created with Raphaël 2.2.0AliceAliceBobBobHello Bob, how are you?Bob thinksI am good thanks!Alice respondsWhere have you been?

將所有標題排成目錄

​​​​Auto-generated Table of Content(TOC)
​​​​而且生成的目錄是有連結到你的標題的

  • dddd WSMao[time=Fri, Feb 28,
  • 111
    • 222
      • 333
        • 444

清單

​​​​清單最多三層

清單一

  • 1
  • 2
    * 3
    • 3

清單二

  • 1
  • 2
    - 3
    • 4

清單三

  1. ​​​​​​​1
    
  2. ​​​​​​​2
    

水平線


打出功能符號

​​​​欲打出功能符號,只要在該符號前面加上反斜線 \ 即可 

`