Lazy loaded image
代码块
00 分钟
2020-6-7
在任意 Notion 页面上,你都可以创建一个 code block(代码块)来显示 code(代码),以便区分其余内容并根据编程语言来格式化。我们支持多种编程语言的语法高亮。例如,以下是一个显示 JavaScript 的 code block(代码块):
 
 
代码块有助于演示编程概念,与其他开发人员共享代码或维护自己的代码片段库。我们可以很容易地复制任意数量的代码到剪贴板中,以应用于其它任何地方。
 

添加 code block(代码块)

  • 将鼠标悬停在新行上时,单击左侧的 +。选择 Code(代码),然后按下 enter。或者,输入 /code 并按下 enter
  • 将新的 code block(代码块)放置在适当的位置,点击 code block(代码块)可以输入或粘贴您的 code(代码)。
 
notion image

调整 code block(代码块)位置

  • 使用拖放功能在页面上移动 code block(代码块)。将鼠标悬停在 code block(代码块)上,然后按住手柄 ⋮⋮ 图标来实现拖动。
  • 您也可以将 code block(代码块)拖放到一行以实现分栏显示。
notion image

code(代码)换行显示

如果想取消横向滚动条并让 code(代码)在 code(代码)边缘时自动换行,请执行以下操作:
  • 将鼠标悬停在 code block(代码块)上,然后点击右上角的 ••• 或左侧的 ⋮⋮。您也可以右键点击 code block(代码块)本身。
  • 开启 Wrap Code(代码换行显示) 选项。
notion image

将 code(代码)复制到剪贴板

  • 将鼠标悬停在你的 code block(代码块)上,会显示右上方的 Copy to Clipboard(复制到剪贴板) 按钮。
  • 点击它,你的 code(代码)就能随时粘贴到您的编辑器里或你希望共享的任意位置。
👉
注意:该按钮对只读用户不可见。
notion image

在 code block(代码块)上评论

正如其他任何类型的内容 block(块),你可以对 code block(代码块)发表 comment(评论):
  • 将鼠标悬停在 code block(代码块)上,然后点击右上角的 ••• 或左侧的 ⋮⋮。你也可以右键点击该 code block(代码块)。
  • 选择 Comment(评论),然后输入任意关于 code(代码)的看法。
🎒
小技巧:可以用 @ 标签来标记你的 workspace(工作空间)协作者,通知他们查看特定评论。
notion image

删除 code block(代码块)

  • 将鼠标悬停在 code block(代码块)上,然后点击右上角的 ••• 或左侧的 ⋮⋮。你也可以右键点击 code block(代码块)本身。
  • 选择 Delete(删除)
notion image
 

相关指南

 
Something we didn't cover? Message us in the app by clicking ? at the bottom right on desktop (or in your sidebar on mobile). Or email us at [email protected] ✌️
 
上一篇
读书盘点|2022年世界读书日
下一篇
第三周刊_No.34|母女之间:阿克曼、波伏瓦、费兰特,她们这样书写母亲