Git Product home page Git Product logo

nblog's Introduction

我的Nobelium博客

通过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

快速启动(原repo)

  • Duplicate 这个Notion模板,并通过shear设置为publish;
  • Fork 这个项目;
  • 自定义修改 blog.config.js
  • (可选) 替换/publish目录中的 favicon.svgfavicon.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进行手动更新。
  • 就这些,较简单不
Page ID 在这里?

在Docker上把玩

非官方, 感谢 @Vaayne的工作!

构建自己的Docker镜像

# 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

使用默认docker镜像

# 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

FAQ

如何更改头像? Nobelium会从Gravatar获取头像,所以你需要在这儿设置你的头像,记得使用blog.config.js中设置的email。
我在Notion中设置了分组后文章就消失了! Nobelium目前还不支持 Notion database 的分组功能. 如果想分组管理你的文章,可以尝试新建database的多个view,然后后通过filter过滤不通的分组.

鸣谢

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

贡献者

Craig Hart
Craig Hart

🎫 🔧 🎨 🐛
yokinist
yokinist

🔧 🐛
Reynard
Reynard

🎨 🐛
Niin
Niin

🔧 🐛
Ruter
Ruter

🔧 🐛

许可

The MIT License.

nblog's People

Contributors

craigary avatar silentdepth avatar yokinist avatar wpttt avatar reycn avatar vaayne avatar dependabot[bot] avatar niinjoy avatar ruter avatar beautyyuyanli avatar lebenito030 avatar takuoka avatar 1muggle avatar zhehan-z avatar ashinch avatar bharathvaj-ganesan avatar thexclu avatar germanheim avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.