GithubHelp home page GithubHelp logo

williamtang / nobelium Goto Github PK

View Code? Open in Web Editor NEW

This project forked from craigary/nobelium

0.0 1.0 0.0 766 KB

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

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

License: MIT License

JavaScript 92.43% CSS 7.57%

nobelium's Introduction

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

nobelium's People

Contributors

craigary avatar niinjoy avatar ruter avatar williamtang avatar

Watchers

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.