Markdown 基本语法
0 / 1 / 创建于 5年前
娃哈哈店长 的个人博客
语法内容基本修改于mdeditor、有兴趣的可以研究研究。基本介绍此网站支持的语法、尚未支持的未来会进行扩展。
主要特性
- 支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；
- 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
- 支持 Emoji表情、Task lists、@链接等Markdown扩展语法；
- 支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性；
- 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件；- 兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备；
目录 (Table of Contents)
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
------------ 效果演示：
This is an H1
This is an H2
字符效果和横线等
删除线 删除线（开启识别HTML标签时） ~~删除线~~ <s>删除线（开启识别HTML标签时）</s>
斜体字 斜体字 *斜体字* _斜体字_
粗体 粗体 **粗体** __粗体__
粗斜体 粗斜体 ***粗斜体*** ___粗斜体___
上标：X2，下标：O2上标：X<sub>2</sub>，下标：O<sup>2</sup>
缩写(同HTML的abbr标签)
> 即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启即更长的单词或短语的缩写形式，前提是开启识别HTML标签时，已默认开启
The <abbr title="Hyper Text Markup Language">HTML</abbr> specification is maintained by the <abbr title="World Wide Web Consortium">W3C</abbr>.The HTML specification is maintained by the W3C.
引用 Blockquotes
> 引用文本 Blockquotes效果演示：
引用文本 Blockquotes
引用的行内混合 Blockquotes
> 引用：如果想要插入空白换行`即<br />标签`，在插入处先键入两个以上的空格然后回车即可，[普通链接](http://localhost/)。效果演示：
引用：如果想要插入空白换行
即<br />标签，在插入处先键入两个以上的空格然后回车即可，普通链接。
锚点与链接 Links
普通链接 [普通链接](http://localhost/)
普通链接带标题 [普通链接带标题](http://localhost/ "普通链接带标题")1
直接链接：https://github.com <https://github.com>
锚点链接 [锚点链接][anchor-id]
GFM a-tail link @pandao
@pandao
多语言代码高亮 Codes
行内代码 Inline code
执行命令：`npm install marked`执行命令：npm install marked
缩进风格
即缩进四个空格，也做为实现类似<pre>预格式化文本(Preformatted Text)的功能。
也就是说可以不用``` ```或者``来格式化代码可以对代码进行table（四格缩进）同样可以又格式化代码的作用：
我按照短横-来表示一个空格：
例子：
----<?php
---- echo "Hello world!";
----?><?php
echo "Hello world!";
?>JS代码
```javascript 代码function test(){
console.log("Hello world!");
}HTML代码 HTML codes
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
图片 Images
Image:
图为：厦门白城沙滩
图片加链接 (Image + Link)：
[![]https://cdn.learnku.com/uploads/images/201806/21/1/gH3fzveyW3.jpg!/both/400x400)](boywithaocin.cn)
图为：boywithaocin.cn logo
列表 Lists
无序列表（减号）Unordered Lists (-)
- 列表一
- 列表二
- 列表三-
列表一
-
列表二
-
列表三
无序列表（星号）Unordered Lists (*)
-
列表一
-
列表二
-
列表三
无序列表（加号和嵌套）Unordered Lists (+)
+ 列表一
+ 列表二
+ 列表二-1
+ 列表二-2
+ 列表二-3
+ 列表三
* 列表一
* 列表二
* 列表三-
列表一
-
列表二
-
列表二-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-
[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 |
| 项目 | 价格 | 数量 |
|---|---|---|
| 计算机 | $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 |
| 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 || Function name | Description |
|---|---|
help() |
Display the help window. |
destroy() |
Destroy your computer! |
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:flushed:
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 || Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:flushed:
| 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 || Item | Value |
|---|---|
| Computer | $1600 |
| Phone | $12 |
| Pipe | $1 |
特殊符号 HTML Entities Codes
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
© & ¨ ™ ¡ £
& < > ¥ € ® ± ¶ § ¦ ¯ « ·
X² Y³ ¾ ¼ × ÷ »
18ºC " '
Emoji表情 :smiley:
> Blockquotes \:star\:Blockquotes :star:
End
本作品采用《CC 协议》，转载必须注明作者和本文链接
关于 LearnKu
粤公网安备 44030502004330号
特殊符号还真没用过
© 这些符号哪里有