使用 Notion 搭建个人静态 Blog
date
Nov 27, 2020
slug
use-notion-as-blog.html
status
Published
tags
web
blog
guide
summary
免费是重点
type
Post
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
,搞定!效果就是你现在看到的这个样子。