分类 标签 存档 订阅 搜索

内容块类型

0 浏览0 评论

内容块类型

内容块类型简述

鼠标悬浮在内容块上左侧会出现该内容块对应的图标。

标识 类型 元类型
paragraph.svg 段落块 叶子块
heading.svg 标题块 叶子块
math-block.svg 数学公式块 叶子块
code-block.svg 代码块 叶子块
table.svg 表格块 叶子块
html-block-20220429115636-e80k6ty.svg HTML 块 叶子块
unordered-list.svg 无序列表块 容器块
ordered-list.svg 有序列表块 容器块
task-list.svg 任务列表块 容器块
list-item.svg 列表项块 容器块
blockquote.svg 引述块 容器块
super-block.svg 超级块 容器块
doc.svg 文档块 容器块

内容块类型详解

下面我们分别介绍一下这些内容块类型的细节。#内容块/类型#

段落块

paragraph.svg

这里是一个示例段落。

在一个段落后直接 回车​ 会形成新的段落。

标题块

heading

以上就是标题块,支持一级到六级。

​#注意#​:

不建议在正文中使用一级标题,建议使用二级标题作为顶层标题,这样在开启了 设置​ - 导出​ - 添加文档标题​ 后,整体的标题层级在导出时才符合正常逻辑。

数学公式块

math-block

a^2 + b^2 = c^2

代码块

code-block

function hello() {}

表格块

table

列一 列二
行一列一 行一列二
行二列一 行二列二

如果需要在表格块中使用 |​ ,请使用 \​ 转义,即需要输入 \|​。

如果需要在表格块中换行,请使用 Shift​+回车​ 。

HTML 块

html-block-20220429115636-e80k6ty.svg

 好 hǎo  世 shì  界 jiè
Hello World

​#注意#​:

  • 使用 HTML 块时默认会对其中的代码进行安全过滤,如果不需要过滤,请开启 设置​ - 编辑器​ - 允许执行 HTML 块内脚本​,但请确认代码安全后再开启,以免遭遇跨站脚本攻击(XSS)
  • 因为 Markdown 规范对 HTML 块解析规则较为复杂,建议使用 <div></div>​ 包裹 HTML 代码并去掉空行

无序列表块

unordered-list

  • 列表项一
  • 列表项二

无序列表块是一种容器块。

无序列表块只能包含列表项块,相邻的无序列表块间距较大。

有序列表块

ordered-list

  1. 列表项一
  2. 列表项二

有序列表块是一种容器块。

有序列表块只能包含列表项块,相邻的有序列表块间距较大。

任务列表块

task-list

  • 待办一
  • 待办二

任务列表块是一种容器块。

任务列表块只能包含列表项块,相邻的任务列表块间距较大。

列表项块

list-item

通过列表项块可以实现大纲式笔记的基本用法,列表项块是一种容器块。

列表项块被包含在列表块内,相邻的列表项块间距较小。

如果需要在列表项中换行,请使用 Shift​+回车​。

引述块

blockquote

注意不是内容块引用,而是引述块(Blockquote)。

引述块是一种容器块。

超级块

super-block

超级块是一种容器块。可用于组合文档内连续的内容块,也用于支持横向排版。

文档块

doc

整个文档是一个块,文档块是一种容器块。

内容块元类型

内容块在逻辑上分为叶子块和容器块,叶子块不能包含其他块,容器块可以包含其他块:

  • 列表块:只能包含列表项块
  • 列表项块:可以包含任意非文档块
  • 引述块:可以包含任意非文档块
  • 超级块:可以包含任意非文档块
  • 文档块:可以包含任意非文档块
评论  
留下你的脚步
推荐阅读