一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
中英文混排 a mixture of Chinese and English。The quick brown fox jumps over the lazy dog 是一句英文全字母句。分词 Pneumonoultramicroscopicsilicovolcanoconiosis Pseudopseudohypoparathyroidism Floccinaucinihilipilification Incomprehensibility Supercalifragilisticexpialidocious Honorificabilitudinitatibus califragilisticexpialidocious Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉
引用“《世界人权宣言》之所以力量强大，正是因为改变世界的思想具有强大的力量。《宣言》激励我们继续努力，争取确保人人都能获得自由、平等和尊严。”
You won’t hear this absurdly long word in a spelling bee or find it in a dictionary (it would take up 12 full pages). But there are other long English words that are commonly used. Many of these words are still technical or scientific terms, but take only a few seconds, rather than hours, to pronounce.↑空一行
第一条
人人生而自由，在尊严和权利上一律平等。他们赋有理性和良心，并应以兄弟关系的精神相对待。
第二条
人人有资格享有本宣言所载的一切权利和自由，不分种族、肤色、性别、语言、宗教、政治或其他见解、国籍或社会出身、财产、出生或其他身分等任何区别。 并且不得因一人所属的国家或领土的政治的、行政的或者国际的地位之不同而有所区别，无论该领土是独立领土、托管领土、非自治领土或者处于其他任何主权受限制的情况之下。
……
目录 (Table of Contents)
[TOCM]
[TOC]
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 1 link Heading link
Heading 2 link Heading link
Heading 3 link Heading link
Heading 4 link Heading link Heading link Heading link
Heading 5 link Heading link
Heading 6 link 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
引用：如果想要插入空白换行
即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
锚点与链接 Links
直接链接：https://github.com
GFM a-tail link @pandao 邮箱地址自动链接 [email protected] [email protected]
@pandao
多语言代码高亮 Codes
行内代码 Inline code
执行命令：npm install marked
缩进风格
即缩进四个空格，也做为实现类似 <pre> 预格式化文本 ( Preformatted Text ) 的功能。
1<?php 2 echo "Hello world!"; 3?>
预格式化文本：
1| First Header | Second Header | 2| ------------- | ------------- | 3| Content Cell | Content Cell | 4| Content Cell | Content Cell |
JS代码
1function test() { 2 console.log("Hello world!"); 3} 4 5(function(){ 6 var box = function() { 7 return box.fn.init(); 8 }; 9 10 box.prototype = box.fn = { 11 init : function(){ 12 console.log('box.init()'); 13 14 return this; 15 }, 16 17 add : function(str) { 18 alert("add", str); 19 20 return this; 21 }, 22 23 remove : function(str) { 24 alert("remove", str); 25 26 return this; 27 } 28 }; 29 30 box.fn.init.prototype = box.fn; 31 32 window.box =box; 33})(); 34 35var testBox = box(); 36testBox.add("jQuery").remove("jQuery");
HTML 代码 HTML codes
1<!DOCTYPE html> 2<html> 3 <head> 4 <mate charest="utf-8" /> 5 <meta name="keywords" content="Editor.md, Markdown, Editor" /> 6 <title>Hello world!</title> 7 <style type="text/css"> 8 body{font-size:14px;color:#444;font-family: "Microsoft Yahei", Tahoma, "Hiragino Sans GB", Arial;background:#fff;} 9 ul{list-style: none;} 10 img{border:none;vertical-align: middle;} 11 </style> 12 </head> 13 <body> 14 <h1 class="text-xxl">Hello world!</h1> 15 <p class="text-green">Plain text</p> 16 </body> 17</html>
图片 Images
Image:
Follow your heart.
图为：厦门白城沙滩
图片加链接 (Image + Link)：
图为：李健首张专辑《似水流年》封面
列表 Lists
无序列表（减号）Unordered Lists (-)
- 列表一
- 列表二
- 列表三
无序列表（星号）Unordered Lists (*)
- 列表一
- 列表二
- 列表三
无序列表（加号和嵌套）Unordered Lists (+)
- 列表一
- 列表二
- 列表二-1
- 列表二-2
- 列表二-3
- 列表三
- 列表一
- 列表二
- 列表三
有序列表 Ordered Lists (-)
- 第一行
- 第二行
- 第三行
GFM task list
- GFM task list 1
- 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表情 😃
Blockquotes ⭐
GFM task lists & Emoji & fontAwesome icon emoji & editormd logo emoji :editormd-logo-5x:
- 😃 @mentions, 😃 #refs, links, formatting, and
tagssupported :editormd-logo:; - list syntax required (any unordered or ordered list supported) :editormd-logo-3x:;
- 😃 this is a complete item 😃;
- this is an incomplete item test link :fa-star: @pandao;
- this is an incomplete item :fa-star: :fa-gear:;
反斜杠 Escape
*literal asterisks*
[========]
科学公式 TeX(KaTeX)
行内的公式行内的公式，行内的公式。
\(\sqrt{3x-1}+(1+x)^2\)
多行公式：
1\displaystyle 2\left( \sum\_{k=1}^n a\_k b\_k \right)^2 3\leq 4\left( \sum\_{k=1}^n a\_k^2 \right) 5\left( \sum\_{k=1}^n b\_k^2 \right)
1\displaystyle 2 \frac{1}{ 3 \Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{ 4 \frac25 \pi}} = 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} { 5 1+\frac{e^{-6\pi}} 6 {1+\frac{e^{-8\pi}} 7 {1+\cdots} } 8 } 9 }
1f(x) = \int_{-\infty}^\infty 2 \hat f(\xi)\,e^{2 \pi i \xi x} 3 \,d\xi
分页符 Page break
Print Test: Ctrl + P
[========]
绘制流程图 Flowchart
1st=>start: 用户登陆 2op=>operation: 登陆操作 3cond=>condition: 登陆成功 Yes or No? 4e=>end: 进入后台 5 6st->op->cond 7cond(yes)->e 8cond(no)->op
[========]
绘制序列图 Sequence Diagram
1Andrew->China: Says Hello 2Note right of China: China thinks\nabout it 3China-->Andrew: How are you? 4Andrew->>China: I am good thanks!