Hi,大家好!
Nobelium 是一个使用 Next.js + Notion API 实现的,部署在 Vercel 上的静态博客系统。
最初设计 Nobelium 的时候,是因为找不到满意的博客主题,刚好要设计自己的网站,所以准备自己写一个。然后看到 SpencerWoo 的文章,发现可以通过第三方 API / 渲染工具来展示 Notion 页面,就果断使用 Notion 来作为数据来源了。
Notion 有也许是最好的 Headless CMS ,配合 Next.js 的增量部署( ISG ),在 Notion 中更新文章,网站同步更新,无需再次部署。
Demo: https://nobelium.vercel.app
Highlights
秒开,设备全适配
- 快速的页面渲染和响应式设计
- 高效编译器的快速静态页面生成
自动,无需重新部署
- 部署在免费、高速的 Vercel 平台
- 支持增量式更新,更新文章后无需重复部署
全功能,完全不操心
- 评论、宽页面、搜索和标签
- 订阅、网站统计、Web Vital 分析……还有更多功能
美观,轻松自定义
- 丰富的配置项,支持深色模式、多语言
- 使用 Tailwind CSS,轻松实现二次开发
网址美观、搜索引擎优化
Screenshot

Deploy
GitHub: craigary/nobelium
Technical details
- 获取: notion-client
- 生成: Next.js SSG 和 Incremental Static Regeneration
- 渲染:react-notion-x
- 样式: TailwindCSS 和Jitcompiler
- 评论: Gitalk
因为 Nobelium 最初是用于个人项目,所以会一直保持 Opinionated,在功能、样式上保持克制,确保界面的极简,干净,专注阅读体验。
欢迎大家 Fork 、Star,如果你有任何想法或建议,请在这里提出:Issues craigary/nobelium,另外,欢迎大家来 Notion 中文社区 聊天~
