EP04. “内容排版与媒体嵌入”
🔒 登录后可标记已读这篇笔记讲怎么用标题、分栏、分隔线、目录把内容排版得更清楚，怎么嵌入图片/影片/音频/文件，以及简单表格和代码区块怎么用。 前置知识：先看过 EP03，熟悉区块的基本概念。
重点内容
标题（Headings）
用 /h1、/h2、/h3 加层级和可读性，标题还能转换成 toggle（折叠区块）来收合内容。
分栏（Columns）
把任何区块拖到另一个区块旁边就能建立分栏——能做多栏排版，甚至把媒体区块并排放置。
[截图：把一个区块拖到另一个区块旁边、出现分栏排版预览的画面]
分隔线（Dividers）
用 /divider 或直接打 --- 插入分隔线，视觉上区隔不同内容区段。
目录（Table of Contents）
用 /table of contents 自动生成可点击的标题清单——很适合长文件或 wiki 页面。
媒体与文件嵌入
Notion 支持多种格式：
- 图片：JPG、PNG、GIF、WEBP、SVG、HEIC 等
- 影片：MP4、YouTube、Vimeo
- 音频：MP3、WAV、OGG
- 文件：PDF
操作方式：
- 直接拖拉媒体文件进页面
- 用
/image、/video、/audio、/file、/embed指令插入 - 能调整大小、裁切、对齐、加遮罩、加说明文字
- 能全屏检视、下载、或替换文件
💡 每个媒体区块都能加替代文字（alt text）方便无障碍阅读，也能加超链接或留评论。
[截图：插入图片后的调整选项（大小/裁切/对齐/说明文字）]
简单表格 vs 数据库
只是要一个简单矩阵，用简单表格就好：
- 用
/table插入 - 用
+按钮增减行列 - 能设定表头和栏宽
数据库则有筛选、排序、关联这些进阶功能——点 ••• → 就能把简单表格转成数据库（详见 EP05）。
代码区块（Code Blocks）
代码区块适合开发者、技术写作者，或想维护个人脚本/代码片段库的人——能用干净的格式、正确的缩进、语法高亮展示代码，同时保持正文易读。
加入代码区块：输入 /code 按 Enter，或点左边界的 + 图标选 Code——会建立一个独立的等宽字体区块。
语法高亮：点代码区块左上角的语言名称，输入关键词搜索想要的语言（支持 JavaScript、Python、HTML、CSS、SQL、Bash 等）。
[截图：代码区块套用语法高亮前后的对比，以及点击语言名称弹出的搜索菜单]
自动换行：默认长代码行需要横向滚动，hover 代码区块点 •• 菜单，打开 Wrap code 就会自动换行以符合区块宽度。
复制 / 加说明：hover 代码区块能看到复制（Copy）和加说明（Caption）选项，••• 菜单里还有对齐、复制等其他选项。
常见错误
- ❌ 长文件没加目录，读者要一直往下滚动找内容——用
/table of contents自动生成可点击目录 - ❌ 只是想做个简单对照表却建了完整数据库——简单矩阵用
/table就够，数据库留给需要筛选/排序/关联的场景 - ❌ 贴代码没设定语言高亮，代码看起来是一整块纯文字——点代码区块左上角选对应语言，代码会自动上色格式化
- 💡 代码太长要横向滚动很不方便阅读时，打开
Wrap code让代码自动换行
Sources
Blog / Website：
- The Ultimate Notion Guide — https://www.morgen.so/blog-posts/notion-tips-and-tricks