使用Notion制作图库型的作品集展示页
之前分享『 使用Notion制作Matters文章索引及成果观察』之后,看到好多版友按图索骥创建出自己专属的文章索引,并且美编效果远比我的初始版来得丰富许多!让我看得惊喜连连。 (文后有做关联,欢迎一起去逛逛)
有鉴于Matters 平台上有许多图像创作者,因此,我想再多介绍Notion 里面的Gallery范本 功能,让拥有图像作品的版友们可以使用Notion 来创建自己的作品集页面。
(由于我没有任何图像作品,所以就拿我自己的阅读心得文章来做示范页,文后有附上此模版连结,有兴趣的版友可以复制到自己的Notion 帐号底下玩玩看。)
![](https://assets.matters.news/embed/abffa198-13fe-4a70-8d69-ed69620e4e41.png)
其他应用
Gallery范本除了可以用来展示自己的图像作品之外,也可用来建立自己的 书单管理表 等。
作法跟这篇文章的步骤一模一样,只需将书封照片贴入页面当中,即可以制作一份自己专属的图书馆书册页!
我是一个一本书会不小心买好几次的金鱼脑,现在买书之前都会先打开自己的管理表,扫一眼书封照片就可以确认我是否已经买入它了(叹)。
我也会先把阅读时的一些简短心得先纪录在该页面中。等要产出正式阅读心得时,再挖出来编辑即可。
如果你也对这个主题有兴趣,那就跟着这篇文章开始走起吧!
【内容摘要】
1. 使用【Gallery】模板
✅页面属性Property设定
✅增加【网站连结】的属性栏位
✅变更属性栏位名称
✅变更日期
✅插入图片
2. 设定作品集页面超连结
3. 变更作品集显示尺寸 (Card size)
4. 将作品集依照日期排序 (Sort)
5. 结语
1. 使用Gallery模板
📌新增一个全新的页面
![](https://assets.matters.news/embed/8f6e8bd8-418c-4d99-9092-222ce4d1a4de.png)
📌选择【Gallery】画廊范本
![](https://assets.matters.news/embed/bad351ee-702c-445f-ad4b-d8968d52d3be.png)
今天就以【阅读心得】来作为操作示范
![](https://assets.matters.news/embed/5522c5ea-c0f0-4e28-aff0-61feb64dbbdd.png)
模版内多余的页面可以点击右上角『。 。 。 』符号,选择 删除
![](https://assets.matters.news/embed/eeddd577-25fa-4bd9-8a19-a6c6b857507b.png)
![](https://assets.matters.news/embed/578900fb-dabe-42a5-93a7-8cc00920f839.png)
✅ 页面属性Property设定
📌增加【网站连结】的属性栏位
![](https://assets.matters.news/embed/10d20b08-0240-4914-ae01-1421fc93c484.png)
📌 滑鼠游标移至Text,便可以看到下一层的功能键,选择【 URL 】(网址)
![](https://assets.matters.news/embed/c0fabe0a-4ce7-4a75-98a9-84e75d6d31d7.png)
📌贴入网址
![](https://assets.matters.news/embed/a0734b7e-a651-4672-8613-7cf1b2d1c7fc.png)
✅ 变更属性栏位名称
![](https://assets.matters.news/embed/09c7f045-3ae2-42ac-8994-9c4294654944.png)
✅ 变更日期
在Gallery范本里面预设的日期资料是此页面的创建日期。我们可以变更为文章发表日期
![](https://assets.matters.news/embed/1bdc6bcf-21b0-4569-80ba-2cb18ca74abf.png)
日期可以直接在日历上做切换,亦或是直接Key in
![](https://assets.matters.news/embed/7616ad87-9086-4580-94c6-517415fa1d5f.png)
✅ 在页面内输入『/image』,便可以插入图片
![](https://assets.matters.news/embed/939192c2-7ded-4d79-bcee-e84055388b81.png)
📌上传图片
![](https://assets.matters.news/embed/56f6ac85-5bb8-4e32-a6c8-6d0bb048f049.png)
图片显示成功,此页即完成
![](https://assets.matters.news/embed/49b83904-07ac-48c3-b322-9825d023b64f.png)
页面属性Property一但新增属性,或是修改属性名称,之后所新增的页面都会直接默认该设定,不用重复做修改。
但这也代表着页面属性变更之后,同属于相同作品集页面底下的『每个』页面都会进行 同步修改 喔!连同之前已经存好档的页面,都会自动带入最新的设定。
依序建立好各页面资料之后,接下来,便要进入第二阶段,开始设定作品集页面的呈现细节啰!
2.设定作品集页面超连结
✅打开网址,完成超连结
![](https://assets.matters.news/embed/56ab5b56-7caa-4ca8-a89b-ec7505e371de.png)
![](https://assets.matters.news/embed/fd7e4e73-ae7a-40e6-8466-80182d819d70.png)
3. 变更作品集显示尺寸 (Card size)
✅图片显示有三种尺寸可以选择
此示范图为Medium尺寸
![](https://assets.matters.news/embed/1e971b44-8713-4c2d-b03a-b67842ac3be8.png)
此示范图为Small尺寸
![](https://assets.matters.news/embed/bb50e1a9-3ebe-463f-bd24-5be95600e478.png)
4. 将作品集依照日期排序 (Sort)
✅点选sort, 选择Add a sort
![](https://assets.matters.news/embed/1e4e9dde-fb3d-48dc-88e9-16d3005c283d.png)
![](https://assets.matters.news/embed/4a427aa6-d61f-48b6-a726-616c86731df8.png)
✅依照发表日期递减排列的成品
![](https://assets.matters.news/embed/0b325ac9-8faa-431b-83b6-1b952a272110.png)
结语:
文章的最后当然要附上模板来让大家动手玩玩
https://www.notion.so/ca3252162bf840948e45ad1f71b259fd?v=faab1de1cfa64e45a1ef623c816cbf32
点选右上角的Duplication即可复制此模板到你的帐号随便玩耍喔!
![](https://assets.matters.news/embed/66584077-f1a2-4793-8122-3bbeea7ea96d.png)
如有任何操作上的问题,也可以在此留言给我!
✅ 延伸阅读
使用Notion制作Matters文章索引及成果观察
Notion页面内嵌Likecoin赞赏键的步骤流程介绍
【作者简介】Hi,你好,我是【漫阅读】的站长,小蔓。想要买书不踩雷,收集更多书单,欢迎来到我的阅读天地看更多! 👉漫阅读Matters文章索引
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/690627a0-dae5-414f-959e-65b7bdc157b5.png/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/690627a0-dae5-414f-959e-65b7bdc157b5.png/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/4b0c850b-5a65-45b4-9822-17258d2d33d4.jpeg/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/4b0c850b-5a65-45b4-9822-17258d2d33d4.jpeg/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/600f8d4f-aba1-404f-8b69-16acaf38d3b5.jpeg/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/600f8d4f-aba1-404f-8b69-16acaf38d3b5.jpeg/public)
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/d6b79609-f1f0-4528-8d85-f64542ea89bc.png/public)
![logbook icon](https://assets-next.mattersprotocol.io/_next/static/media/logbook.2cfac4f7.gif)
- 来自作者
- 相关推荐