lmissou / notion-blog

A static blog build on top of Notion and NextJS, deployed on Vercel.

Home Page:https://nobelium.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Nobelium

Nobelium 是一个使用 NextJS + Notion 第三方 API 实现的,部署在 Vercel 上的静态博客系统。

演示地址:https://nobelium.vercel.app/

JavaScript Style Guide

这个东西啊,Excited!

  • 部署在 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

在此处查看我们的 Roadmap

  • 部署时使用 Preact
  • 深色模式
  • 站点地图
  • 更好的 RSS feed
  • SEO 优化
  • Open Graph 支持
  • Figma 设计文件
  • ...

特别感谢

Notion 中文社区的小伙伴们

Lee Rob

Spencer Woo

About

A static blog build on top of Notion and NextJS, deployed on Vercel.

https://nobelium.vercel.app

License:MIT License


Languages

Language:JavaScript 92.9%Language:CSS 7.1%