使用 Notion 搭建个人静态 Blog

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

Hi there! This blog was made from converting almost all elements from a Notion page (.JSON) cache into a static webpage served by Github Pages . The bulk of the work is done by Alex Wang's . chorale.app is a faster alternative but I haven't used it.

Making a blog from Notion & Github Pages

https://aptrinh.js.org/notion-blogging.html

Making a blog from Notion & Github Pages