Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
字符效果和横线等
删除线 斜体字 粗体 粗体 粗斜体
上标:X2,下标:O2
特有语法
这是带有CSS的文字
这是带有CSS的文字
这是带有CSS的文字
引用 Blockquotes
引用文本 Blockquotes
中间可以书写其他普通文本
引用:如果想要插入空白换行
即<br />标签
,在插入处先键入两个以上的空格然后回车即可,普通链接。
锚点与链接 Links
行内代码 Inline code
执行命令:npm install marked
缩进风格
即缩进四个空格,也做为实现类似 <pre>
预格式化文本 ( Preformatted Text ) 的功能。
预格式化文本:
| First Header | Second Header |
|--------------|---------------|
| Content Cell | Content Cell |
| Content Cell | Content Cell |
JS代码
importScripts('https://cdn.jsdelivr.net/npm/workbox-cdn@3.6.3/workbox/workbox-sw.js');
workbox.setConfig({
modulePathPrefix:'https://cdn.jsdelivr.net/npm/workbox-cdn@3.6.3/workbox/'
});
if (workbox) {
console.log(`Yay! Workbox is loaded ?`);
} else {
console.log(`Boo! Workbox didn't load ?`);
}
HTML 代码 HTML codes
<!DOCTYPE html>
<html>
<head>
<mate charest="utf-8" />
<title>Hello world!</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
图片 Images
列表 Lists
无序列表 Unordered Lists1
- 列表一
- 列表二
- 列表三
无序列表 Unordered Lists2
- 列表一
- 列表二
- 列表二-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
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 |
Emoji表情 ?
?
科学公式 TeX(KaTeX)
这是行内公式$$E=mc^2$$,可以嵌入文本中
$$x > y$$
$$(sqrt{3x-1}+(1+x)^2)$$
$$sin(alpha)^{theta}=sum_{i=0}^{n}(x^i + cos(f))$$
这是块公式:
```math sin(alpha)^{theta}=sum_{i=0}^{n}(x^i + cos(f)) ```
流程图
graph TD A-->B; A-->C; B-->D; C-->D;
时序图
sequenceDiagram participant Alice participant Bob Alice->John: Hello John, how are you? loop Healthcheck John->John: Fight against hypochondria end Note right of John: Rational thoughts
prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good!
甘特图
gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d

声明: 本文采用 BY-NC-SA 协议进行授权,如无注明均为原创,转载请注明转自 Origami
本文地址: Markdown区块
本文地址: Markdown区块