使用数据库优化赛马娘文章内容在Notion中的展示效果
2023-4-30|2024-4-2
AlphaBoom
type
status
date
slug
summary
tags
category
icon
password
序言
当编写赛马娘游戏相关文章时总会无法避免输入角色、支援卡以及技能,这些内容又都是文章的重点,如果能够把这些内容通过特别的显示方式展示在文章中,那么文章的可读性也会打打提高。
准备工作
只需要在Notion上创建一个赛马娘游戏内容的数据库,将常用的技能、角色卡以及支援卡都录入数据库。这些内容有几千条手动输入肯定是不现实的,好在Notion可以复制其他人共享的页面,所以只要访问我刚开的页面将数据库复制一份就好了。
点击页面右上角的Duplicate按钮就可以将数据库复制到自己的Notion账号下。在这个页面中以下三个数据库:
- 技能数据库:包含基础技能数据,包含技能数值、触发条件等
- 支援卡数据库:包含所有的支援卡,其中支援卡携带的技能会关联技能数据库
- 角色数据库:包含所有的可育成马娘卡片,卡片中的技能部分会关联的技能数据库对应的条目
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F33b11c39-5a12-4147-8bca-66286f5da87b%2FUntitled.png?table=block&id=29dc4cb7-5c9d-4e81-bced-e8facef43ac2&t=29dc4cb7-5c9d-4e81-bced-e8facef43ac2&width=426&cache=v2)
到此准备工作结束,下面来看看通过这个数据库可以对编写文章时提供哪些助力吧。
Notion页面链接会在对应页面显示一个BackLink,点击会显示有哪些页面存在指向该页面的链接。由于支援卡和角色数据库都关联了技能数据库,所以在技能条目页面可以通过BackLink找到那些马娘和支援卡可以获得这个技能。
使用示例
完整的页面参考:2023年5月(League of Heroes) 。
接下来基于我的使用习惯来介绍下可以在哪些地方使用到这个数据库,并且可以做到哪些具体的效果提升。
在段落中使用
通过
Mention a Page
的方式可以在一段文字的中间使用,在Notion中可以通过键入@
来快速触发关联页面提示。比如输入@小栗帽
Notion就会如右侧图片所展示的效果。![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F2c129eee-a4ac-406c-aaed-091d4bd7ba8f%2FUntitled.png?table=block&id=3a8d0945-b5b4-4e25-b5e3-e4b1f62e4bd2&t=3a8d0945-b5b4-4e25-b5e3-e4b1f62e4bd2&width=353&cache=v2)
比如像下面这样使用:
这种方式属于Inline Block,所以几乎在能够输入文字的地方都能够如此操作。
卡片的详情页展示效果如下:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd40ac96f-ff0c-4ee2-8b27-f76c152a05f8%2FUntitled.png?table=block&id=d6e49ae5-64d1-442c-90a1-bac6ebcec859&t=d6e49ae5-64d1-442c-90a1-bac6ebcec859&width=900&cache=v2)
配置支援卡
可以通过
linked view of database
的方式创建一个支援卡配置页面![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F90d4467b-038f-4069-9bc3-078fe16c4008%2FUntitled.png?table=block&id=1c56ce0c-f81f-4712-8065-b3ad4ba1958f&t=1c56ce0c-f81f-4712-8065-b3ad4ba1958f&width=720&cache=v2)
再通过添加Filter的方式让这个视图只展示6张支援卡,注意这里需要使用高级筛选功能。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fab47dff1-1017-4819-a689-18f79048702d%2FUntitled.png?table=block&id=b2e34b5d-4427-41cc-b5a4-430ca3536e57&t=b2e34b5d-4427-41cc-b5a4-430ca3536e57&width=783&cache=v2)
下面就是最终的效果了:
赛马娘支援卡数据库
另一种方式配置支援卡
上一种方式虽然可以展示不错的视觉效果,但是在设置筛选时是比较麻烦的。如果需要大量的配置可以尝试使用Relation这个属性来简化这个步骤。
首先创建一个
inline database
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F09ab620a-01c5-43d4-be47-47c85a01695d%2FUntitled.png?table=block&id=94faba77-505e-4679-ad40-96bd3e7c1fa8&t=94faba77-505e-4679-ad40-96bd3e7c1fa8&width=745&cache=v2)
在这个数据库中创建一个Relation类型的列,这里是要配置支援卡,所以要关联到对应的支援卡数据库。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F43328b64-b038-4553-848f-e834f8d7314f%2FUntitled.png?table=block&id=079a4f23-fc60-4499-8c7c-a936962e2caf&t=079a4f23-fc60-4499-8c7c-a936962e2caf&width=727&cache=v2)
创造好列之后,点击该列对应行就会出现一个选择列表用于选择对应的支援卡,在速度上要远优于筛选方式,效果参考下图:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8fbe3f49-f90d-4b40-b006-ef589ba98537%2FUntitled.png?table=block&id=dbf071a1-689b-4e7b-9227-a16ee91b83bf&t=dbf071a1-689b-4e7b-9227-a16ee91b83bf&width=723&cache=v2)
另外可以通过Roll up来统计支援卡配置的总体赛后加成信息等:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc11f285e-5743-45d0-9a83-f77cf156993b%2FUntitled.png?table=block&id=aeab9379-cbde-49a8-846e-4e797e89e73b&t=aeab9379-cbde-49a8-846e-4e797e89e73b&width=1003&cache=v2)
最终效果如下:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5e933e28-cb5b-4ab4-b2b5-f0dc8dbd33dd%2FUntitled.png?table=block&id=c3a24caa-99c2-445a-b676-9697bfb6b3a6&t=c3a24caa-99c2-445a-b676-9697bfb6b3a6&width=1456&cache=v2)
- Twikoo