NotionNext帮助手册
Vercel静态部署NotionNext | NotionNext帮助手册
纯静态部署将牺牲动态获取数据的便利性
图标库-FontAwesome
category
🛠 站点配置
tags
type
Post
status
Published
slug
notion-next-font-awesome
summary
date
Aug 2, 2023
Last edited time
Apr 12, 2025 01:20 AM
icon
password
前言
您可以看到notion数据库中有一个icon字段，这是用来制定菜单的图标
但是 这个神秘代码是什么意思？
FontAwesome 图标字体库
NotionNext默认使用fontawesome作为图标库，这是一个在线的图标字体库提供了大量的免费图标。
在4.8.4之后的新版本中支持了IconFont图标，支撑更多的图标自定义，但是用会较为复杂，文档参考:《 图标库-IconFont 》
点击下方链接预览更多图标
如何使用
在Fontawesome的图标列表中，找到你喜欢的图标，打开查看详情
下方的代码框中就是你要的神秘代码了
例如
fa-solid fa-user 这串代码粘贴到您的notion中的icon字段，即可显示出这个用户的图标。注意
- 图标名称由两部分构成，由空格隔开，必须完整复制才能使用
例如
fa-solid fa-user 这个图标前缀-图标类型 | 后缀-图标名 |
fa-solid | fa-user |
说明图标是填充的 | 图标名称 |
还有一个无填充的用户图标如下
前缀-图标类型 | 后缀-图标名 |
fa-regular | fa-user |
说明图标是填充的 | 图标名称 |
- 图表类型可以缩写
例如我在notion库中配置的默认用户图标是
fas fa-user ，其本质上就是 fa-solid fa-user 这个图标，只不过图标类型被缩写了。
Prev
字体字号
Next
图标库-IconFont
Loading...