Fruition+Notion搭建独立博

客
summary 不用买服务器，不用写代码，免费搭建一个独立博客站点

料
习 04
资
学 0
slug fruition-notion

人 ts2
育 df
tags Website

： g
宝 X：
date 2021/05/25
淘 V
type Post

status Published

Last Edited Time August 18, 2021 9:55 AM

Created Time May 25, 2021 1:54 PM

Hide 4 properties

Add a comment…

前言
你也想要快速搭建一个博客，然后专注于写作吗？

可 以 试 试 我 现 在 在 用 的 方 案 ， 将 你 的 notion笔 记 软 件 映 射 成 一 个 独 立 博 客 网
站。
我 的 网 站 搭 建 效 果 如 下 ： 点 击 访 问 https://tangly1024.tk/

特点
博 客 页 面 的 内 容 排 版 完 全 就 是 你 的 Notion页 面 。 另 外 ， 由 于 Notion的 实 时 同 步
功 能 ， 你 在 编 辑 你 的 Notion笔 记 本 时 ， 这 个 博 客 页 面 也 会 同 时 改 变 。

• 方 便 ： 借 助 Notion的 编 辑 功 能 、 可 以 像 写 笔 记 一 样 ， 实 时 更 新 到 网 页 上 的 博
客内容

• 省钱：不用自己购买服务器，域名也可以购买免费的

有一些不足的地方
• 体验：访问速度不如纯静态博客

• 功 能 ： 评 论 功 依 赖 于 Notion， 必 须 要 登 陆 notion才 能 进 行 文 章 评 论

工具

料
习 04
• Notion ： 一 款 强 大 的 笔 记 软 件 ， 支 持 将 笔 记 页 面 分 享 到 网 上

资
学 0
人 ts2
Notion - 我个人最喜欢的笔记软件

育 df
： g
原先用了两年印象笔记的付费版，常用来剪藏网络文章，

宝 X：
以及做一些备忘；直到有一天在网上了解到 Notion 这
https://www.tangly1024.com/article/n… 淘 V
• CloudFlare ： 提 供 专 业 的 域 名 托 管 、 反 向 代 理 、 CDN等 网 络 服 务 ， 借 助 它
我们可以快速地将我们的网站发布到全球各地。

• Workers : 一 个 拦 截 HTTP请 求 的 脚 本 的 W3C标 准 API， 当 用 户 使 用 Web浏 览

请 访 问 该 服 务 时 ， 会 拦 截 HTTP请 求 ， 并 在 CloudFlare服 务 器 上 运 行
Javascript脚 本 。

• Fruition : 一 段 开 源 的 JavaScript脚 本 ， 当 用 户 访 问 时 将 自 定 义 的 域 名 ，
映 射 到 对 应 的 Notion笔 记 页 面

Notion笔记本中进行排版
我 在 Notion笔 记 本 中 创 建 了 这 样 一 个 页 面 ， 并 将 它 Share到 网 上
操作步骤

料
习 04
资
点击步骤左侧三角形展开

学 0
人 ts2
Step 0: 先 决 条 件

育 df
： g
Step 1: 设 置 你 的 Cloudflare 账 号 (5 分 钟 )

宝 X：
Step 2: 定 制 化 生 成 脚 本 - 此 处 的 网 页 加 载 比 较 慢 (2 mins) 淘 V
Step 3: 将 脚 本 粘 贴 到 Cloudflare (1 min)

问题排查 Mismatch between origin and baseUrl (dev).

参考
Fruition - Build Your Next Website With Notion, For Free
Perfect for your portfolio, blog, landing page, or business site.
Features: pretty links, custom domains, Google Fonts, SEO support,
https://fruitionsite.com/

官方文档
Notion 使用心得（3）-- 绑定自定义域名
notion 绑定域名 cloudflare workers Notion 使
用心得（3）-- 绑定自定义域名 mayne gine 博客
https://gine.me/posts/466ca19681634b09b…

www.bilibili.com
https://www.bilibili.com/video/av64011915/

如何为 Notion 公开页面自定义域名 | 一日一…

Matrix 是少数派的写作社区，我们主张分享真实的产品体
验，有实用价值的经验与思考。我们会不定期挑选 Matrix
https://sspai.com/post/58441

料
习 04
资
学 0
人 ts2
育 df
： g
宝 X：
淘 V