peggy markdown

14
Markdown PEGGY

Upload: learningtech

Post on 16-Feb-2017

132 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Peggy markdown

MarkdownPEGGY

Page 2: Peggy markdown

Markdown

Markdown 的目標是實現「易讀易寫」。 Markdown 的語法有個主要的目的:用來作為一種網路內容的寫作用語言。

Page 3: Peggy markdown

段落和換行 <br> 在行尾加上兩個以上的空白,然後按 enter

Page 4: Peggy markdown

強調 使用 * or _ 來強調文字

*italic* **bold** ***italic and bold*** _italic_ __bold__ ___italic and bold___

Page 5: Peggy markdown

標題 方法一

任何數量的 = 和 - 都可以有效果。

方法二This is an H1===

This is an H2---

# This is an H1

## This is an H2

###### This is an H6

Page 6: Peggy markdown

區塊引言 每行的最前面加上 > 或是整個段落的第一行最前面加上 >

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

OR

> This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, > consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. > Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.

Page 7: Peggy markdown

區塊引言 區塊引言可以有階層

以及其他的 Markdown 語法,包括標題、清單、程式碼區塊等

> This is the first level of quoting.>> > This is nested blockquote.>> Back to the first level.

Page 8: Peggy markdown

清單* Red* Green* Blue

+ Red+ Green+ Blue

- Red- Green- Blue

1. Red2. Green3. Blue

1. Red1. Green1. Blue

2. Red1. Green6. Blue

Page 9: Peggy markdown

程式碼區塊 Inline code

`printf()` 8 個空白或是兩個 tab printf()

Code block```

// Foo

var bar = 0;

```

Page 10: Peggy markdown

表格

| Item | Value | Qty || -------- | ----: | :---: || Computer | $1600 | 5 || Phone | $12 | 12 || Pipe | $1 | 234 |

Page 11: Peggy markdown

水平線 <hr /> 使用 – or * 至少 3 個符號

--- or - - - *** or * * *

Page 12: Peggy markdown

連結 [ 連結文字 ]( 連結位址 )

[Markdown](http://zh.wikipedia.com/wiki/Markdown)

[ 鏈接文字 ][ 鏈接引用標籤 ] [ 鏈接引用標籤 ]: 鏈接地址 " 鏈接標題“

[Markdown][1]…[1]:[http://zh.wikipedia.com/wiki/Markdown]

Page 13: Peggy markdown

跳脫字元

\ 反斜線 ` 反引號 * 星號 _ 底線 {} 大括號 [] 方括號 () 括號

# 井字號 + 加號 - 減號 . 英文句點 ! 驚嘆號

Markdown 可以利用反斜線來插入一些在語法中有其他意義的符號

Page 14: Peggy markdown

Start to use

https://stackedit.io/ Visual Studio Code

對 md 檔 ctrl+shift+v https://github.com/chjj/marked https://github.com/showdownjs/show