使用 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,搞定!效果就是你现在看到的这个样子。
 

参考教程


© bluesyu 2019 - 2024

powered by nobelium