侧边栏壁纸
  • 累计撰写 225 篇文章
  • 累计创建 80 个标签
  • 累计收到 1 条评论

目 录CONTENT

文章目录

【Notion教程】在 Notion 页面创建代码块

班码匠
2023-01-08 / 0 评论 / 0 点赞 / 150 阅读 / 847 字

在任意 Notion 页面上,你都可以创建一个 code block(代码块)来显示 code(代码),以便区分其余内容并根据编程语言来格式化。我们支持多种编程语言的语法高亮。例如,以下是一个显示 JavaScript 的 code block(代码块):


for(i = 0;i < 5; i++){  text += "The number is " + i + "<br>";}

代码块有助于演示编程概念,与其他开发人员共享代码或维护自己的代码片段库。我们可以很容易地复制任意数量的代码到剪贴板中,以应用于其它任何地方。

** 点击下载 Notion 安装包 **** 电脑端、手机端、浏览器插件 **

添加 code block(代码块)

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

7dfb12ec22010a96.gif

调整 code block(代码块)位置

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

577ba3a25446832f.gif

code(代码)换行显示

如果想取消横向滚动条并让 code(代码)在 code(代码)边缘时自动换行,请执行以下操作:

  • 将鼠标悬停在 code block(代码块)上,然后点击右上角的 ••• 或左侧的 ⋮⋮ 。您也可以右键点击 code block(代码块)本身。
  • 开启 Wrap Code(代码换行显示) 选项。

3affebe11fa04042.jpeg

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

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

注意: 该按钮对只读用户不可见。

06fb3c2515ac214e.jpeg

在 code block(代码块)上评论

正如其他任何类型的内容 block(块),你可以对 code block(代码块)发表 comment(评论):

  • 将鼠标悬停在 code block(代码块)上,然后点击右上角的 ••• 或左侧的 ⋮⋮ 。你也可以右键点击该 code block(代码块)。
  • 选择 Comment(评论) ,然后输入任意关于 code(代码)的看法。

小技巧: 可以用 @ 标签来标记你的 workspace(工作空间)协作者,通知他们查看特定评论。

78fe9e5c2da42a4c.jpeg

删除 code block(代码块)

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

【原文链接】:https://mp.weixin.qq.com/s?__biz=Mzg4MDg0NzAyNw==&mid=2247484510&idx=2&sn=7b355a46912cd31f21f6124a9a96532f&chksm=cf6fb582f8183c94214f043353c8a0cbadd30395b7b1614e8cb88837bca820235eca924143e1#rd

0

评论区