Try   HackMD
tags markdown

markdown語法介紹

標題

# 第一階
## 第二階
### 第三階
#### 第四階
##### 第五階
###### 第六階

項目符號 & 編號

* AAA

1. aaa

待辦事項

- [ ]

引用

> aaaa

字體

**AAA** 粗體
*AAA* 斜體
~~AAA~~ 刪除線
19^th^ 上標
H~2~O 下標
++AAA++ 底線
==AAA== 標記文字

<font color="blue">要變藍色的文字放這裡</font>

換行

\

超連結

[顯示文字](連結網址)
[yahoo](http://tw.yahoo.com)

顯示圖片

![圖片說明](圖片網址)
![樹林](http://img02.tooopen.com/images/20151221/tooopen_sy_152222546984.jpg)
![](http://img02.tooopen.com/images/20151221/tooopen_sy_152222546984.jpg =100x) 自訂圖片大小
![](http://img02.tooopen.com/images/20151221/tooopen_sy_152222546984.jpg =300x300) 自訂圖片大小

顯示程式碼

```python=
import os
print("hello")

``` `

表情圖案

:smile:

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 →

表情圖案列表

嵌入媒體

youtube:
{%youtube QC1yP4QrsyA %}

vimeo:
{%vimeo 124148255 %}

pdf:
{%pdf https://www.cca.edu/sites/default/files/pdf/08/word-to-pdf.pdf %}

區塊

:::success
:::

:::info
:::

:::warning
:::

:::danger
:::

水平線

---

註解

This is [an example][id] reference-style link.

[id]: http://example.com/ "Optional Title Here"

表格

| 姓名 | 地址 |
| ------------- | ------------- |
| 曉明 | aaaaaaaaaaaaa |
| 阿志 | bbbbbb |


| 姓名 | 地址 |
| -------------: | :-------------: |
| 曉明 | aaaaaaaaaaaaa |
| 陳阿志 | bbbbbb |

外加圖示

fontawesome

<i class="fa fa-free-code-camp" aria-hidden="true"></i>

markdown to pdf

  1. 點「發表」
  2. 按「ctrl-P」
  3. 在目的點「變更」，點「另存為PDF」
  4. 點「儲存」
  5. 存到你想放的位置

標籤

tags:功能 酷 更新

畫圖

Sequence

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

Flowchart

Created with Raphaël 2.2.0開始打開網路網路是否有通?結束yesno
Created with Raphaël 2.2.0StartMy OperationYesor No?catch something...EndMy Subroutineyesno

Mermaid

BobAliceBobAlicealt[is sick][is well]opt[Extra response]Hello Bob, how are you?Not so good :(Feeling fresh like a daisyThanks for asking

Flowchart

One
Two
Hard edge
Round edge
Decision
Result one
Result two

Gantt

2014-01-072014-01-092014-01-112014-01-132014-01-152014-01-172014-01-192014-01-21Completed task            Completed task in the critical line Implement parser and jison          Describe gantt syntax               Active task               Create tests for parser             Add gantt diagram to demo page      Add another diagram to demo page    Future task               Future task in critical line        Describe gantt syntax               Add gantt diagram to demo page      Add another diagram to demo page    Future task2               Create tests for renderer           Add to mermaid                      A sectionCritical tasksDocumentationLast sectionAdding GANTT diagram functionality to mermaid

參考

hackmd.io 語法介紹
markdown 與法介紹

flowchart官網

Draw Diagrams With Markdown

mermaid

Last changed by 
 
amos tsai
1
80
39387
Published on HackMD