此区块利用Origami Markdown编写，效果如下。
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区块
