使用 Notion+Nobelium+Vercel搭建低成本博客
date
Jul 28, 2022
slug
/vercel-bog
status
Published
tags
Blog
Cloudflare
VERCEL
Notion
AI
Nobelium
summary
使用 Notion+Nobelium+Vercel搭建低成本博客，使用自己域名和Cloudflare 加速访问
type
Post
起因
本着“工欲善其事，必先利其器”的原则， 又开始折腾博客。之前Github+Hugo+Netlify的写作成本太高了，每次写作都要把草稿重新排版变成markdown再传送到Github，期间还要留心版本更迭和图片同步情况。最近尝试把所有的文稿都电子化集成到Notion里，突发奇想，有没有能直接把Notion稍微捯饬一下变成网站的工具？
我的需求比较简单：博客外观简洁，在Notion 上撰写文章后会自动同步至个人博客。初始配置略微复杂的话可以接受，不再追求花里胡哨的配置（虽然最后还是忍不住调了一些）。
感谢程序员，我找到了符合需求的开源软件Nobelium，一个多小时搞定了新网站。
内容
1. 将模板设置为 Public，这样可以被博客系统读取到
2. 然后就可以自由在 Notion 里写文章了
部署
- 登录 Vercel，对 Github 进行授权，部署刚刚 Fork 的 repo
在环境变量（Environment Variables）处，填
NOTION_PAGE_ID值就是 Notion 那个模板对应的 pageId
NOTION_ACCESS_TOKEN 是集成 key
在https://www.notion.so/profile/integrations 这里新建个integration，其中 Type选择 Internal，建好后和上面文章模板进行关联
最后在 vercel点击 Deploy 部署，之后就可以看到 Vercel 分配的临时链接
域名绑定
Vercel 的 Project Settings 处设置自己买的域名（这里我的是 yujun.cloud）
CDN 国内加速
域名绑定后，就需要解析域名到 Vercel 服务器了，这里为了加快国内访问，域名 DNS 服务器设置成 Cloudflare ，利用 Cloudflare 代理到 Vercel。
1在 Cloudflare 添加域名，选择 Free 免费方案，添加 a记录和 cnme记录，
1. SSL/TLS 里设置为『完全』，且关闭『始终使用 HTTPS』
添加两个页面规则，具体改成自己的域名
回到域名（我用的 阿里云），不需要设置 DNS 解析，只需要设置 DNS 服务器
等待 DNS 缓存刷新，访问就大功告成了！
参考链接