如果你曾把 Notion 页面发布成网站,却发现浏览器标签页仍然显示默认的 Notion 标志,或者只有一个空白方块,你并不孤单。Notion 站点会把页面图标用作 favicon,但前提是你得正确设置它。下面就介绍如何为 Notion 站点设置自定义 favicon,让站点更有辨识度。

准备条件

分步设置 Notion 站点的 Favicon

  1. 打开你的 Notion 页面,可在桌面应用或 Web 浏览器中操作,并确保当前处于编辑模式。
  2. 将鼠标悬停在页面标题上,点击 添加图标(Add icon) 按钮(或点击现有图标)。
  3. 上传图片:选择 上传(Upload) 标签页,然后选取文件。Notion 会把这张图片用作页面图标。
  4. 发布或更新你的站点。如果使用的是 Notion Sites,点击 分享(Share) > 发布(Publish) 并确认。对于 Public page,只需切换 分享到 Web(Share to web)。
  5. 验证 favicon:在新建的浏览器标签页中打开你的站点 URL。图标应在几秒内出现。如果没有,尝试强制刷新(Ctrl+F5 或 Cmd+Shift+R)。

就这么简单——Notion 会自动把页面图标用作站点的 favicon。Notion 没有单独上传 favicon 的字段。

使用自定义域名

如果你已把自定义域名连接到 Notion 站点,favicon 仍然来自页面图标。无需执行额外步骤,只需确保已在 Notion 的设置中正确配置该域名。

常见问题

如需进一步了解 favicon 的格式和最佳实践,请查看我们的favicon 指南。

结论

为 Notion 站点设置 favicon 很简单:设置一个页面图标即可。使用正方形图片并刷新页面,你的站点就会拥有一个辨识度更高的标签页图标。如果还需要为其他平台生成多种尺寸的 favicon,可以试试Mzu favicondl,创建一套完整的图标。

核对文档规定

HTML Standard 将 rel='icon' 定义为用于表示当前页面图标的链接关系。