通过Notion和Nextjs静态博客,部署在 Vercel上。
Demo: https://nobelium.vercel.app/
🚀 快速、准实时响应
- Fast page render and responsive design- Fast static generation with efficient compiler
🤖 快速部署
- Deploy on Vercel in minutes- 无需重新部署即可自动生成新增内容
🚙 功能齐全
- Comments, full width page, quick search and tag filter- RSS, analytics, web vital... and much more
🎨 易于定制**
- 丰富的配置选项, support English & Chinese interface- Built with Tailwind CSS, 易于定制
🕸 Pretty URLs and SEO friendly
- Duplicate 这个Notion模板,并通过shear设置为publish;
- Fork 这个项目;
- 自定义修改
blog.config.js
; - (可选) 替换
/publish
目录中的favicon.svg
和favicon.ico
,这是自己的网站 logo; - 在Vercel上进行部署,设置以下环境变量:
NOTION_PAGE_ID
(必需): 已设置共享位web的Notion页面的ID,通常为workspace地址后的32位数字;NOTION_ACCESS_TOKEN
(可选, 不推荐): 如果你不分享这个database,你可以利用token来让Nobelium从database中抓取数据,你可以在浏览器cookies中找到它,它叫token_v2
- 记住,token有效期只有180填, 需要在vercel的dashboard进行手动更新。
- 就这些,较简单不
非官方, 感谢 @Vaayne的工作!
# set env
export NOTION_PAGE_ID=xxx # your NOTION_PAGE_ID
export IMAGE=nobelium:latest
# build with docker
docker build -t ${IMAGE} --build-arg NOTION_PAGE_ID .
# run with docker
docker run -d --name nobelium -p 3000:3000 -e NOTION_PAGE_ID=${NOTION_PAGE_ID} nobelium:latest
# pull image
docker pull ghcr.io/craigary/nobelium:main
# run with docker
docker run -d --name nobelium -p 3000:3000 -e NOTION_PAGE_ID=${NOTION_PAGE_ID} ghcr.io/craigary/nobelium:main
在这里查看我们的路线图.
- Better SEO
- Dark mode
- Open Graph support
- Switch to react-notion-x
- Sitemap
- ...
- Generation: Next.js and Incremental Static Regeneration
- Page render: react-notion-x
- Style: Tailwind CSS and
@tailwindcss/jit
compiler - Comments: Gitalk, Cusdis and more
我在Notion中设置了分组后文章就消失了!
Nobelium目前还不支持 Notion database 的分组功能. 如果想分组管理你的文章,可以尝试新建database的多个view,然后后通过filter过滤不通的分组.Notion CN Community |
SilentDepth |
Lee Robinson |
Spencer Woo |
Craig Hart 🎫 🔧 🎨 🐛 |
yokinist 🔧 🐛 |
Reynard 🎨 🐛 |
Niin 🔧 🐛 |
Ruter 🔧 🐛 |
The MIT License.