diff --git a/raw/entry/2016-01-16-markdown_demo.md b/raw/entry/2016-01-16-markdown_demo.md new file mode 100644 index 0000000..1057975 --- /dev/null +++ b/raw/entry/2016-01-16-markdown_demo.md @@ -0,0 +1,366 @@ +--- +layout: post +title: 示例参考文档 +category: +tags: [markdown,md] +--- + +### 绘制流程图 Flowchart + +```flow +st=>start: 用户登陆 +op=>operation: 登陆操作 +cond=>condition: 登陆成功 Yes or No? +e=>end: 进入后台 + +st->op->cond +cond(yes)->e +cond(no)->op +``` + +[========] + +### 绘制序列图 Sequence Diagram + +```seq +Andrew->China: Says Hello +Note right of China: China thinks\nabout it +China-->Andrew: How are you? +Andrew->>China: I am good thanks! +``` + +**目录 (Table of Contents)** + +[TOCM] + +[TOC] + +# Heading 1 +## Heading 2 +### Heading 3 +#### Heading 4 +##### Heading 5 +###### Heading 6 +# Heading 1 link [Heading link](https://github.com/pandao/editor.md "Heading link") +## Heading 2 link [Heading link](https://github.com/pandao/editor.md "Heading link") +### Heading 3 link [Heading link](https://github.com/pandao/editor.md "Heading link") +#### Heading 4 link [Heading link](https://github.com/pandao/editor.md "Heading link") Heading link [Heading link](https://github.com/pandao/editor.md "Heading link") +##### Heading 5 link [Heading link](https://github.com/pandao/editor.md "Heading link") +###### Heading 6 link [Heading link](https://github.com/pandao/editor.md "Heading link") + +#### 标题(用底线的形式)Heading (underline) + +This is an H1 +============= + +This is an H2 +------------- + +### 字符效果和横线等 + +---- + +~~删除线~~ 删除线(开启识别HTML标签时) +*斜体字* _斜体字_ +**粗体** __粗体__ +***粗斜体*** ___粗斜体___ + +上标:X2,下标:O2 + +**缩写(同HTML的abbr标签)** + +> 即更长的单词或短语的缩写形式,前提是开启识别HTML标签时,已默认开启 + +The HTML specification is maintained by the W3C. + +### 引用 Blockquotes + +> 引用文本 Blockquotes + +引用的行内混合 Blockquotes + +> 引用:如果想要插入空白换行`即
标签`,在插入处先键入两个以上的空格然后回车即可,[普通链接](http://localhost/)。 + +### 锚点与链接 Links + +[普通链接](http://localhost/) + +[普通链接带标题](http://localhost/ "普通链接带标题") + +直接链接: + +[锚点链接][anchor-id] + +[anchor-id]: http://www.this-anchor-link.com/ + +[mailto:test.test@gmail.com](mailto:test.test@gmail.com) + +GFM a-tail link @pandao 邮箱地址自动链接 test.test@gmail.com www@vip.qq.com + +> @pandao + +### 多语言代码高亮 Codes + +#### 行内代码 Inline code + +执行命令:`npm install marked` + +#### 缩进风格 + +即缩进四个空格,也做为实现类似 `
` 预格式化文本 ( Preformatted Text ) 的功能。
+
+    
+    
+预格式化文本:
+
+    | First Header  | Second Header |
+    | ------------- | ------------- |
+    | Content Cell  | Content Cell  |
+    | Content Cell  | Content Cell  |
+
+#### JS代码 
+
+```javascript
+function test() {
+	console.log("Hello world!");
+}
+ 
+(function(){
+    var box = function() {
+        return box.fn.init();
+    };
+
+    box.prototype = box.fn = {
+        init : function(){
+            console.log('box.init()');
+
+			return this;
+        },
+
+		add : function(str) {
+			alert("add", str);
+
+			return this;
+		},
+
+		remove : function(str) {
+			alert("remove", str);
+
+			return this;
+		}
+    };
+    
+    box.fn.init.prototype = box.fn;
+    
+    window.box =box;
+})();
+
+var testBox = box();
+testBox.add("jQuery").remove("jQuery");
+```
+
+#### HTML 代码 HTML codes
+
+```html
+
+
+    
+        
+        
+        Hello world!
+        
+    
+    
+        

Hello world!

+

Plain text

+ + +``` + +### 图片 Images + +Image: + +![](https://pandao.github.io/editor.md/examples/images/4.jpg) + +> Follow your heart. + +![](https://pandao.github.io/editor.md/examples/images/8.jpg) + +> 图为:厦门白城沙滩 + +图片加链接 (Image + Link): + +[![](https://pandao.github.io/editor.md/examples/images/7.jpg)](https://pandao.github.io/editor.md/images/7.jpg "李健首张专辑《似水流年》封面") + +> 图为:李健首张专辑《似水流年》封面 + +---- + +### 列表 Lists + +#### 无序列表(减号)Unordered Lists (-) + +- 列表一 +- 列表二 +- 列表三 + +#### 无序列表(星号)Unordered Lists (*) + +* 列表一 +* 列表二 +* 列表三 + +#### 无序列表(加号和嵌套)Unordered Lists (+) + ++ 列表一 ++ 列表二 + + 列表二-1 + + 列表二-2 + + 列表二-3 ++ 列表三 + * 列表一 + * 列表二 + * 列表三 + +#### 有序列表 Ordered Lists (-) + +1. 第一行 +2. 第二行 +3. 第三行 + +#### GFM task list + +- [x] GFM task list 1 +- [x] GFM task list 2 +- [ ] GFM task list 3 + - [ ] GFM task list 3-1 + - [ ] GFM task list 3-2 + - [ ] GFM task list 3-3 +- [ ] GFM task list 4 + - [ ] GFM task list 4-1 + - [ ] GFM task list 4-2 + +---- + +### 绘制表格 Tables + +| 项目 | 价格 | 数量 | +| -------- | -----: | :----: | +| 计算机 | $1600 | 5 | +| 手机 | $12 | 12 | +| 管线 | $1 | 234 | + +First Header | Second Header +------------- | ------------- +Content Cell | Content Cell +Content Cell | Content Cell + +| First Header | Second Header | +| ------------- | ------------- | +| Content Cell | Content Cell | +| Content Cell | Content Cell | + +| Function name | Description | +| ------------- | ------------------------------ | +| `help()` | Display the help window. | +| `destroy()` | **Destroy your computer!** | + +| Left-Aligned | Center Aligned | Right Aligned | +| :------------ |:---------------:| -----:| +| col 3 is | some wordy text | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | + +| Item | Value | +| --------- | -----:| +| Computer | $1600 | +| Phone | $12 | +| Pipe | $1 | + +---- + +#### 特殊符号 HTML Entities Codes + +© & ¨ ™ ¡ £ +& < > ¥ € ® ± ¶ § ¦ ¯ « · + +X² Y³ ¾ ¼ × ÷ » + +18ºC " ' + +[========] + +### Emoji表情 :smiley: + +> Blockquotes :star: + +#### GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x: + +- [x] :smiley: @mentions, :smiley: #refs, [links](), **formatting**, and tags supported :editormd-logo:; +- [x] list syntax required (any unordered or ordered list supported) :editormd-logo-3x:; +- [x] [ ] :smiley: this is a complete item :smiley:; +- [ ] []this is an incomplete item [test link](#) :fa-star: @pandao; +- [ ] [ ]this is an incomplete item :fa-star: :fa-gear:; + - [ ] :smiley: this is an incomplete item [test link](#) :fa-star: :fa-gear:; + - [ ] :smiley: this is :fa-star: :fa-gear: an incomplete item [test link](#); + +#### 反斜杠 Escape + +\*literal asterisks\* + +[========] + +### 科学公式 TeX(KaTeX) + +$$E=mc^2$$ + +行内的公式$$E=mc^2$$行内的公式,行内的$$E=mc^2$$公式。 + +$$x > y$$ + +$$\(\sqrt{3x-1}+(1+x)^2\)$$ + +$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$ + +多行公式: + +```math +\displaystyle +\left( \sum\_{k=1}^n a\_k b\_k \right)^2 +\leq +\left( \sum\_{k=1}^n a\_k^2 \right) +\left( \sum\_{k=1}^n b\_k^2 \right) +``` + +```katex +\displaystyle + \frac{1}{ + \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ + \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} { + 1+\frac{e^{-6\pi}} + {1+\frac{e^{-8\pi}} + {1+\cdots} } + } + } +``` + +```latex +f(x) = \int_{-\infty}^\infty + \hat f(\xi)\,e^{2 \pi i \xi x} + \,d\xi +``` + +### 分页符 Page break + +> Print Test: Ctrl + P + +[========] + +### End \ No newline at end of file