2023 年 07 月 09 日
| 本文为付费栏目文章,您已订阅,可阅读全文 |
从本文开始,我将为大家系统讲解 Notion 所有的基础功能和用法,其中也许已经有你熟知的部分,但 Notion 的细节确实太多,即便你已经用 Notion 写过不少文章、各个功能也用得还算顺手,我也建议大家再快速通读一遍,相信应该会有不少你可能遗漏的地方。

Notion 的区块

Notion 与传统笔记软件的主要区别在于,它的所有功能都是以区块的形式来呈现。区块(Block)是 Notion 中最小的功能单位,就像一个乐高模型的最小单位是积木块一样。
乐高模型由不同的积木搭建而成,有的积木是简单的方块,有的积木却是传动轴和发动机。一篇由 Notion 写完的文章也将由不同的区块组成,有的区块是文本、图片或者视频,有的区块则是更加复杂的数据库
notion image
英文输入法下使用斜杠 / 命令,或者点击任意段落左侧的加号即可唤出区块的命令菜单。
notion image
一个表格、一张图片、或者一个视频都是一个区块,你可以在斜杠命令中轻易地找到并使用它们,因为 Notion 为每个功能区块都提供了预览图,可谓真正的「所见即所得」。
notion image
与之相比,传统编辑器略显凌乱拥挤的菜单栏,我个人认为是远不如 Notion 来得直观优雅的。
notion image
接下来让我们开始逐个解析 Notion 最常用的几类基础区块的功能和用法吧。

创建笔记页(page)

页面是放置区块的地方,而页面本身也是区块的一种,所以我们当然可以在一个页面中存放另一个页面,就好像在你的电脑上,一个文件夹内可以存放很多个子文件夹一样。
不过 Notion 的笔记页面还可以分为「块级」笔记页,以及「行内」笔记页这两种,它们的功能相近,但细节用法有所不同。

块级笔记页

块级笔记页是最常见的一种区块类型,它和所有区块一样,不论你页面的标题有多短,它都会占据一整行的位置:
notion image
点击下图所示的三个按钮即可创建新笔记,它们分别是:页面左侧的 Create a new page 与 Add a page,以及点击笔记页面空白处的 + 符号。
notion image
第二种方法是,在英文输入法下键入快捷命令 /page 然后回车即可
notion image

行内笔记页

块级页面与行内页面的区别在于,一个区块位置只能创建一个块级笔记页,但却可以创建多个行内笔记页,如下图所示:
notion image
创建行内页面的方法
  1. 输入 @ ,或者在英文输入法下输入 [[
  1. 然后直接打字,输入你要创建的页面标题
  1. 在菜单栏的最下面找到并点击 + New sub-page 按钮
notion image
需要注意的是,如果你使用的是 @ 符号,那么当你想在句子中创建行内页面的话,需要先按一个空格,然后再输入 @ 符号;如果是使用 [[ 符号的话,则无需空格,直接输入即可。
通过行内笔记页,你就可以实现下图这样的笔记组织效果:
notion image
也可以在工作文档中,将关键词展开为更具体的工作方案、或者待办事项,而不用重新找个地方再创建笔记:
notion image
notion image
用这个方法,你其实可以尝试着用类似维基百科的方法来组织、构建你的笔记内容库。
当我们正在学习某个领域的知识、或者已经学习完毕后,可以试着用「费曼学习法」的核心理念,自己复述一遍这个知识点。在复述的时候,就可以为某个重要的关键词或者重要的子概念创建一个行内笔记页,然后在行内笔记页中为其补充更多的信息或者案例:
notion image
点击这些关键词,就可以看到我们为它补充的更加详细的解释了。
notion image
另外你可能会发现,上面的这些行内页面是被我从右边的弹窗中打开了,这样打开笔记页的方法有两个,你可以鼠标右键这个页面,然后选择 Open in side peek ,也可以按住键盘的 alt 键(Mac 用户则是 option 键),然后鼠标左键点击,即可在右侧边栏打开任意页面。
notion image

引用页面与段落

引用页面

前面介绍的 @ 和 [[ 的符号除了可以用来创建行内页面,还可以用来快速搜索笔记库内已经创建过的页面,然后在句子中创建行内引用,或者你也可以在新的区块中使用 /link to 的命令来创建块级引用
notion image
使用命令 /link to 引用的笔记必须单独占据一个区块:
notion image
而行内引用不仅能够在行内(句子中)使用,也能够在简单表格、甚至是数据库的 Name 和 Text 字段中使用:
notion image
所以行内引用能实现下图的效果,但 /link to 则不行
notion image
然后再补充一个有些用户可能会遗漏的细节,一般情况下,如果你使用页面的「move to」功能来移动页面的话,那么移动后的页面将消失在本页面内。
例如下图中,如果我将 Page 02 「move to」 Page 01 ,就相当于是将 Page 02 剪切到了 Page 01 里
notion image
但如果我用同样的方式将行内页面「Page 03」进行移动的话,Page 03 除了同样会被剪切,还会在原来的地方自动创建一个行内引用的效果:
notion image
基于这点,你就可以放心地将文档中可以二次利用的行内页面进行移动(使用 move to 功能),不用担心因为移动页面而导致原有笔记的内容缺失问题。
notion image
移动之后就变成了带有箭头的行内引用样式:
notion image
我们也可以在使用 [[ 创建行内页面时,直接将这个行内页面指定创建于其他页面、或者是其他数据库中。那么在创建的同时,它还会自动在本页面内创建一个行内的引用链接。
下图是一个可参考的笔记案例:
notion image
通过前面的介绍,我们已经基本掌握了在 Notion 中引用页面的方法。
notion image
那么,当我在 A 笔记中引用了 B 笔记,则可以在 B 笔记的页面顶部,看到 A 引用了 B 的记录,点击这条记录,就可以从 B 笔记回到 A 笔记,这就是 Notion 的反向链接的基础用法。

引用段落

在 Notion 中,我们除了可以引用一个完整的文档页,也可以单独引用任意一个文本段落,步骤如下:
  1. 点击段落的区块按钮 ⋮⋮
  1. 点击 Copy link to block 按钮
  1. 在页面任意地点使用快捷键 ctrl+v 粘贴这个链接,然后选择 Mention block 即可
notion image
引用后的段落左边会有一个小符号,点击这个段落可以跳转回原段落
我们在课程的 1.4 篇 还会有更多关于引用块和同步块的介绍。

文字格式详解

在 Notion 中,「一个文本段落」也是区块的一种类型(Text),因为 Notion 没有像 Word 那样的固定菜单栏,如果你需要编辑特定的文字内容,只要选中文字后 Notion 就会弹出浮动的菜单栏,操作路径非常便捷:
notion image
Notion 目前可设置 7 种较为常用的文字格式,再加上三级的大、中、小标题,有序列表、无序列表、折叠列表、待办事项勾选框,以及引用(quote)功能,我想应该能满足你 99% 的文字格式需求了。
notion image
Markdown 语法
Notion 支持最基本的 Markdown 格式,某种程度上它可以被当成是一种快捷命令,通过输入几个简单的符号,就能快速地将文字或者段落设置不同的文本格式效果。
例如,当你输入一个 # 然后再空格,你会发现这个段落的字号加粗变大了;在文字的左右各输入两个星号,如 **加粗** ,你就会发现这两个字的字体被加粗了,实现的方式非常简单。
notion image
Markdown 是一项我非常推荐学习的基本技能,它能让你在沉浸创作的时候无须频繁离手触碰鼠标,不会打断你的输入节奏,仅靠键盘就能够完成基础的编辑需求。
你可以在下图中查看更详细的 Markdown 语法,也可以选择观看我制作的这一期 Markdown 科普视频,会有更加详细的介绍。
notion image
Markdown 常见问题
如果你想在一个句子中使用 Markdown 语法,那么你需要先先空一格,再使用 Markdown 的符号
notion image
需要按照顺序依次输入 **文字**,不能先输入四个星号 **** 然后再在中间插入 文字

区块高亮与 Callout

在 Notion 中,如果你想为某些文本、段落、或者是功能区块标注更显眼的强调效果,你有 3 种方式可以做到:
  1. 加粗
  1. 文字、段落、以及区块高亮
  1. 使用提醒框(Callout)功能
区块高亮
针对文字的加粗很好理解,但很多新手不知道的是,高亮效果不仅能高亮文字段落,还能高亮这个区块本身,前者通过选中文字的方式来进行,而后者通过点击区块按钮 ⋮⋮ 来进行,如下图所示:
notion image
将大标题区块高亮、并分栏放置后,就可以在 Notion 中构建简易的看板功能
notion image
如果你还不清楚如何构建这样的分栏排版效果,可以阅读本栏目的 1.4 篇
Callout 功能
Callout 是在 Notion 文本模块中一个用途非常广泛的功能,使用命令 /callout 即可创建。
它通过视觉上的框线与强调色来吸引读者(包括你自己)的注意力,以此让你的内容更具吸引力,同时丰富文本内容的层次感。
notion image
你可以点击 Callout 的 emoji 图标进行修改,或者点击它的区块按钮,然后修改 Callout 的字体颜色或者背景颜色:
notion image
一般来说,Callout 可以有以下几个应用场景:
  1. 强调信息:框出关键词、重要句子,让读者快速聚焦在主要内容上
  1. 补充说明:添加额外的说明或示例,补充普通文本的内容,不打乱文章的流程。这可以让文章既有连贯性,又不失详尽。
  1. 美化页面:适当使用 Callout 可以给页面带来更丰富的视觉呈现效果
  1. 引用评论:引用原文或他人观点,然后附上你的回应,可以让你的观点更聚焦
  1. 提示警告:为读者做提示、警告或留意事项的标注
不过 Callout 不只可以写入纯文本,你还可以将任意的区块(包括页面和数据库)拖动到 Callout 内部:
notion image
有些时候,如果数据库设置的字段属性太多,就会在数据库的下面出现一条长长的滚动条,我个人感觉这样会让页面变得十分难看:
notion image
但如果我们把数据库拖进 callout 中的话,就可以避免出现横亘整个页面的滚动条了:
notion image
但是如果你在 Callout 中使用斜杠命令 / ,会发现此时通过斜杠插入的所有功能都会被放在 Callout 之外:
notion image
要想在 Callout 内部正常地使用斜杠命令,你需要先将外部的任意区块(空白的区块也行)拖进 Callout 里,然后才能在 Callout 的内部创建一个新的区块位置,也才能使用斜杠命令:
notion image
如果你想在 Callout 内部使用分栏排版特性,也需要先执行一次前面的这个办法,然后才能使用 /2C 或者 /3C 这样的分栏命令:
notion image

折叠列表

折叠列表是我在 Notion 中高频使用的一项功能,使用命令 /toggle 即可创建。
它可以将列表中的所有内容折叠起来,起到节省页面空间的作用。并且如果你的某个页面因为区块数量过多导致卡顿发生,也可以考虑适当地将低频阅读的内容放到折叠列表内,能有效提高页面的加载流畅度。
notion image
关于折叠列表,有一些小细节可能会被你遗漏掉,让我为你一一列举。
1、可以在折叠列表中继续使用折叠列表
notion image
2、可以将任意区块拖动到折叠列表内部
notion image
3、可以创建三级大小的折叠列表
notion image
创建标题级别的折叠列表有三种方法。
方法 1:输入斜杠命令 → 输入井号 → 找到标题级折叠列表
方法 2:输入斜杠命令 → 输入数字(1、2、3)→ 找到标题级折叠列表
方法 3:输入 > + 空格 获得普通折叠列表 → 输入 ### + 空格 ,获得三级标题折叠列表
4、折叠列表内部也支持分栏排版
一般情况下,如果你使用「拖动区块然后并排」的方式,是无法在折叠列表内部进行分栏排版的操作的:
所以如果我们想在折叠列表内部进行分栏排版的话,目前有两种方法。
方法 1:点击折叠列表内的区块按钮 ⋮⋮ ,然后选择 turn into - 2 columns
notion image
方法 2:在折叠列表内,使用分栏命令 /2c 或者 /3c,然后就可以自由地在折叠列表内部创建分栏排版模式了。
notion image
方法 3:输入 > + 空格 获得普通折叠列表 → 输入 ### + 空格 ,获得三级标题折叠列表
notion image
4、折叠列表内部也支持分栏排版
一般情况下,如果你使用「拖动区块然后并排」的方式,是无法在折叠列表内部进行分栏排版的操作的:
notion image
所以如果我们想在折叠列表内部进行分栏排版的话,目前有两种方法。
方法 1:点击折叠列表内的区块按钮 ⋮⋮ ,然后选择 turn into - 2 columns
notion image
方法 2:在折叠列表内,使用分栏命令 /2c 或者 /3c,然后就可以自由地在折叠列表内部创建分栏排版模式了。
notion image

代码与公式

Notion 公式和代码都有块级(Block)和行内(Inline)两种形态,前者会占据一整个段落,而后者则可以写进句子中间,具体效果可参照下图示例:
notion image

代码块与思维导图

对于能用到代码功能的程序员读者,相信我已无须做更多的介绍。除了编程代码之外,如果使用代码块所支持的 Mermaid 语言,则可以让我们在 Notion 中实现效果简易的 流程图
notion image
或者 思维导图
notion image
具体用法如下:
  1. 使用命令 /code 插入代码块
  1. 将代码块语言修改为 「mermaid」
notion image
但因为 Mermaid 的语法非常复杂,本教程并无法深入展开。如果你有兴趣学习和使用的话,可以在这个 网站 中学习查阅,注意需要有一定的英文阅读能力。

公式块与文字居中

你可以用 Notion 的公式块所支持的 KaTeX 语法来书写数学公式或者化学公式:
notion image
同时因为公式块自带居中效果,所以我们还可以利用这个方法,在 Notion 中实现文字居中效果,公式块的语法如下: \text {居中标题}
notion image
另外我们还可以将代码中的 text 替换成 large ,或者 huge 来改变居中文字的大小:
notion image
还有一个更取巧的办法,我们可以选中某一段文字,然后使用 turn into 功能直接将其转化为公式块,也能实现文字居中效果。
notion image

多媒体区块

附件大小限制

在 Notion 中,你可以直接将图片、视频或者音频等文件直接复制粘贴或者拖动到 Notion 的页面中。对于付费订阅的用户来说,Notion 的单个附件大小无限制,而免费用户则存在 5MB 的限制。
notion image

图片附件

基础特性
notion image
经测试,Notion 不会压缩你上传的图片,你可以右键图片,然后点击「View original」查看已上传的原图,或者点击 「Download」下载原图。
notion image
你可以嵌入在线的图片链接,但 Notion 不会将在线图片下载到笔记库内。
当你上传了一份使用了在线图床的 Markdown 文档,Notion 也不会将图床中的图片下载到 Notion 的服务器上。
你可以使用内置的 Unsplash 搜索并使用无版权、可商用的图片。
你可以使用内置的 GIPHY 搜索有趣的动图。
notion image
图片上传区块可以搭配数据库,制作更便捷的日记模板。如下图所示,通过点击就可以唤出上传图片的功能。
notion image
图片可裁剪
现在图片可以直接在 Notion 中进行裁剪,只需要点击 Crop 按钮即可
notion image
notion image
图片可添加标记
点击右上角的 Caption 按钮,即可对图片添加更详细的描述
notion image
在 2024 年 3 月 26 号的更新后,图片新增了 Alt text 功能,能够让你为图片补充更详细的描述,以便帮助视觉障碍或盲人用户通过屏幕阅读器了解图片内容,使页面对他们更加友好:
notion image

简单表格

使用命令 /table 然后回车即可创建一个简单表格,这个功能其实是我认为 Notion 做得相对不足的一个模块,它在数据库诞生多年后它才姗姗来迟,而且过于简单的功能与数据库相比简直是两个极端。不过饶是如此,它也有几个使用上的小技巧值得一提。
按住并拖动边缘的加号能快速增加或者减少行或者列。
notion image
点击 ← → 符号能将单元格平均铺在当前区块内。
notion image
简单表格能做到什么?
  • 可以设置标题行与标题列
  • 可以为行和列填充颜色
notion image
  • 可以在单元格内使用 @ 的所有功能
  • 插入日期和时间
  • 设置时间提醒
  • 提醒协作对象
  • 创建行内笔记
  • 引用行内笔记
所以你也可以用简单表格来做格式化的文档资料整理:
notion image
简单表格不能做什么?
  1. 无法合并单元格
  1. 无法插入图片视频等多媒体信息

目录与导航

标题目录
在 2024 年的 5 月末,Notion 终于上线等了好几年的侧边悬浮目录功能:
notion image
这个功能默认开启,但你也可以在右上角的三个小点中,手动关闭这个功能:
notion image
另外我们也可以在文章中手动创建可嵌入到页面内的目录区块,它的快捷命令是 /toc ,就可以生成一个可以点击跳转的目录按钮:
notion image
notion image
页面导航
使用命令 /bread 能够在页面任意位置中插入当前页面的导航条(或者直译为面包屑),它的功能与页面顶部的导航条基本是一样的,微小的区别在于,Breadcrumb 能够显示的层级会更多一些,也能够放在页面的任意位置
notion image
到这里我们基本盘点完了 Notion 所有基础区块的功能和用法,虽然讲起来略显复杂,但请各位一定不要因此产生压力。
并不是说每个功能区块都要用得面面俱到才算入门 Notion,一开始只要我们能从中找到那么一两个适合自己的功能,可以借此顺利地完成自己最基本的文档写作需求,那 Notion 对你来说就是能真正发挥价值的工具,而不是为了折腾而折腾的玩具。
Loading...