Skip to content

Go7hic/nobelium

This branch is 24 commits ahead of, 122 commits behind craigary/nobelium:main.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

fb179b8 Β· Nov 8, 2023
Apr 21, 2021
Nov 8, 2023
Jun 25, 2021
Jul 27, 2021
Jun 29, 2021
Nov 22, 2021
Sep 9, 2021
Jun 25, 2021
Jun 29, 2021
Apr 1, 2021
Nov 8, 2023
Mar 15, 2021
Apr 1, 2021
Jul 28, 2021
Sep 16, 2021
Apr 27, 2021
Mar 14, 2021
Jun 25, 2021
Jun 25, 2021
Nov 22, 2021
May 5, 2021
Apr 8, 2021
Jun 29, 2021
May 6, 2021
Sep 6, 2021

Repository files navigation

Nobelium

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

Demo: https://nobelium.vercel.app/

Screenshot

Highlights ✨

πŸš€  Fast and responsive

  • Fast page render and responsive design
  • Fast static generation with efficient compiler

πŸ€–  Deploy instantly

  • Deploy on Vercel in minutes
  • Incremental regeneration and no need to redeploy after update the content in notion

πŸš™  Fully functional

  • Comments, full width page, quick search and tag filter
  • RSS, analytics, web vital... and much more

🎨  Easy for customization

  • Rich config options, support English & Chinese interface
  • Built with Tailwind CSS, easy for customization

πŸ•Έ  Pretty URLs and SEO friendly

Quick Start

  • Star this repo πŸ˜‰
  • Duplicate this Notion template, and share it to the public
  • Fork this project
  • Customize blog.config.js
  • (Optional) Replace favicon.svg, and favicon.ico in /public folder with your own
  • Deploy on Vercel, set following environment variables:
    • NOTION_PAGE_ID (Required): The ID of the Notion page you previously shared to the web, usually has 32 digits after your workspace address
    • NOTION_ACCESS_TOKEN (Optional, not recommended): If you decide not to share your database, you can use token to let Nobelium grab data from Notion database. You can find it in your browser cookies called token_v2
      • Keep in mind Notion token is only valid for 180 days, make sure to update manually in vercel dashboard, we probably switch to Official API to resolve this issue in the future. Also, images in Notion database will not properly rendered
  • That's it! Easy-peasy?
Wait for a sec, what is Page ID?

Play With Docker

Unofficial, thanks to @Vaayne's work!

# 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

Roadmap

Check out our roadmap here

  • Better SEO
  • Dark mode
  • Open Graph support
  • Switch to react-notion-x
  • Sitemap
  • ...

Technical details

  • Generation: Next.js and Incremental Static Regeneration
  • Page render: react-notion-x
  • Style: Tailwind CSS and @tailwindcss/jit compiler
  • Comments: Gitalk, Cusdis and more

Special Thanks

Notion CN Community
Notion CN Community
yokinist
SilentDepth
Reynard
Lee Robinson
Niin
Spencer Woo

Contributors

Craig Hart
Craig Hart

🎫 πŸ”§ 🎨 πŸ›
yokinist
yokinist

πŸ”§ πŸ›
Reynard
Reynard

🎨 πŸ›
Niin
Niin

πŸ”§ πŸ›
Ruter
Ruter

πŸ”§ πŸ›

License

The MIT License.

About

Go7hic Blog

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 90.8%
  • CSS 7.6%
  • Dockerfile 1.6%