notion
📽️

Notion 建站工具调研

竞品对比

💡
功能完整度
Super 功能最完整,同时也提供了 app 端;Simple.ink 功能最少;Potion bug 多体验不好
💡
模板
Super 模板数量最多且质量最好,而且支持三方创作者设计模板,类似 template market。Popsy 也是类似的模式。
Potion 的模板则是平台统一提供的,数量少且质量差。
💡
价格
综合来看 Popsy 的性价比最高,Super、Potion 次之(但是 Potion 体验不好),Simple 在价格上毫无竞争力
💡
站点优化
除 Simple 外都提供了 SEO 的功能,Super、Popsy 通过服务端渲染直接生成静态网页,访问速度快,Potion 实现细节未知
Fruition 的体验最差,每次访问需要多一次转发请求
💡
自定义样式
  • No-Code
Popsy 提供的样式选项最丰富,用户友好且使用门槛低。其余竞品则主要是通过代码嵌入的方式来完成自定义样式的功能,有较高的学习成本(需要懂前端代码)
  • 代码嵌入
各竞品的实现方式基本一致
 

技术实现

自定义域名

实现原理:通过自定域名的请求,经过后端代理服务转发到 Notion 站点。其中需要做一些域名、Header、Body 重写的工作

自定义样式

几个竞品的方案大体类似,都是通过重写 Notion 源站的 html 结构和 CSS 样式来实现

模板

本质上是通过重写 html/css 的方式实现,这也是此类网站的核心竞争力,决定了产品的用户体验和覆盖度

SEO

Frution的实现原理:用户指定notion pages URL对应的短链(slug),将其关联,在nodejs代码中生成短链对应notion pages URL的转发规则(map/数组),其中slug短链被配置为SEO友好的URI,如:/personalize-public-pages,然后将短链slug数组生成SEO辅助URI: /robots.txt以及/sitemap.xml。

三方集成

通过 javascript 的方式来引入三方组件
 
badge