Nobelium 是一个使用 NextJS + Notion 第三方 API 实现的,部署在 Vercel 上的静态博客系统。
演示地址:https://nobelium.vercel.app/
- 部署在 Vercel,配合 NextJS,实现超快的响应速度
- 使用 NextJS 实现,配合 ISG,更新 Notion 文章无需重新部署
- 使用 Tailwind CSS 实现样式,方便二次定制
- 响应式设计,移动端友好
- 支持搜索,单独筛选页面
- Tag 标签、RSS feed… 还有更多!
- Fork 此项目
- 将此 Notion 模版在你的工作区制作副本,并确保此页面是公开分享的
- 修改
blog.config.js
文件,定义你的内容 - 替换
/public
下的头像和 Logo - 使用 vercel 部署,并定义以下环境变量:
NOTION_PAGE_ID
:此前你公开分享的 Notion 页面的 ID,通常为你的工作区地址后面的 32 位字符。
- That's it!要不加星关注一下?
在此处查看我们的 Roadmap
- 部署时使用 Preact
- 深色模式
- 站点地图
- 更好的 RSS feed
- SEO 优化
- Open Graph 支持
- Figma 设计文件
- ...