2025-02 现在已经不再推荐使用这种方法了,详见最新的文章。

What?

本文旨在介绍通过 Notion 搭建本 Blog 站点的方案,不求通用普适,仅个人偏好。

Why?

关于 Notion 这款产品究竟有多好用,无需我在此赘言。个人比较喜欢 block 的排版方式,有一种样式尽在掌握的感觉。

虽然 Notion 自己也有页面分享功能,但是限制较多:

  • 不支持自定义域名,第三方支持大多需要付费
  • 加载速度较慢,做 SEO 也比较困难

因此直接拿 Notion 分享页面做个人 blog 站点有些勉强。

思前想后,还是静态页面更适合,然而其他的 Markdown 编辑器用起来都不太顺手,排版和样式还需要额外费心力维护,所以需要一个工具,能够将 Notion 的内容转换成静态页面,同时保证样式不变。

How?

静态页面,丰俭由人

经过一番搜索,终于找到一个合适的工具:Notablog

然后的步骤就简单了:

  • 创建一个用于管理 Blog 文章列表的 Notion Page(可以直接从 这里 复制)
  • 设置为公开页面,得到分享 URL,将它写入 Notablog 代码中的 config.json
  • 执行 notablog generate .即可生成静态文件
  • 接入 utterances 通过 GitHub issue 来管理评论

然后我们就可以将静态文件推到任意想要的地方,例如 github.io,最后配置一个 CNAME,搞定!效果就是你现在看到的这个样子。

参考教程

Making a blog from Notion & Github Pages