折叠列表式页面 & 折叠标题

summary
制作一个可折叠的段落标题,本身可点击,点击后以页面形式展示折叠列表内容
tags
Notion
Tip
Example
date
Feb 17, 2021
Chinese version
📌
Dec 23, 2021 更新:Notion 已原生支持折叠标题功能,第一部分的步骤不再需要。如果想将折叠标题点击打开为页面,直接跳转文章第二部分

问题来源:reddit

结果示例

效果:获得以个和标题1一样大的折叠列表,可以点击它,以页面形式展示折叠列表内容

Heading 1

📑

Test

Just type something here.
 

Clickable

Click the emoji 📑 to open the page

如果只想要一个折叠列表式页面,只需要做步骤2就能得到如下结果:
一个折叠列表式页面
点击折叠列表就可以打开这个页面。

步骤

1. 做一个和标题1一样大的折叠列表

我们可以使用行内公式来模拟标题1的大小
注意:这样得到的文本不会出现在目录中,因此需要自己手打目录。
参考: by Ben Smith。
我使用了 \LARGE\textsf{Heading 1} 作为默认字体样式的例子,你可以自由选择。衬线字体会更像一点。
例子

Heading 1

Lorem ipsum dolor.
Lorem ipsum dolor.
Lorem ipsum dolor.
  • 默认字体
    • notion image
      
      \LARGE\textsf{Heading 1}
  • 衬线字体
    • notion image
      
      \Large\textbf{Heading 1}
      
      \LARGE\text{Heading 1}

2. 获得折叠列表的页面链接,让它可以点击进入

需要注意,你不能点击一个行内公式来打开链接(因为会打开公式编辑器)。因此我在公式后面放了一个 emoji 作为打开的入口。
有两个方法获得对应页面的链接:

方法 1:将折叠列表转换成页面 - 复制链接 - 转换回来

方法 2:类似全局块的方法

首先,复制这个折叠列表的块链接
然后,删除 https://www.notion.so/ 后的字符,直到 #。这就是我们想要的页面链接

模板

💡
你甚至可以用模板按钮来创建特定的样式,超链接永远会指向新创建的折叠列表。
这里有几个模板。想让折叠列表文字上都有超链接,只需要将光标移动到两个原始的字符中间,再开始打字。
对于标题1大小的折叠列表,以页面形式打开时,标题会非常大,而且不会换行。所以我认为使用标题大小的数字 + 文本大小的标题会更好
 
--
 
📑
 
H1
 
H0
 
H2
 
H3
 

H1

 

H2

 

H3

 

© Niin Ni 2021 - 2024