GithubHelp home page GithubHelp logo

xhdou / notion-portal Goto Github PK

View Code? Open in Web Editor NEW

This project forked from liudding/notion-portal

0.0 0.0 0.0 911 KB

A portal site built with notion and nextjs 基于 Notion 的导航网站,支持自建,自定义主题

Home Page: https://notion-portal.liuding.fun/

License: MIT License

JavaScript 81.23% CSS 18.46% Dockerfile 0.31%

notion-portal's Introduction

Notion Portal

部署

部署到 Vercel

  1. 点击按钮 Deploy with Vercel, 开始部署
    1. 如果没有 Vercel 账户需要先注册,然后授权访问 Github
    2. 跟随 Vercel 引导,fork 项目,并等待最终部署成功
  2. 准备网站数据模版
    1. 点击打开 Notion 页面:模版页面
    2. 点击右上角的 "Duplicate" 将模版复制到自己的 Notion 空间
    3. 在 “NotionPortal” 页面中设置网站的名称等网站信息
    4. 在 “我的链接” 页面中存放你收集的网站
    5. 点击右上角 Share 将页面 Publish to Web
  3. 配置网站
    1. 回到你 fork 的 Github 项目
    2. 根据你的需要修改 config.js 中的配置
      1. 网站信息页面的 ID 配置为 WEBSITE_NOTION_PAGE_ID
      2. 链接页面的 ID 配置为 LINKS_NOTION_PAGE_ID
  4. 也可以在 Vercel 环境变量中配置站点
    1. 回到 Vercel,进入【Settings --> Environment Variables】配置环境变量
    2. 将第 2 步中的两个页面 ID 配置到环境变量
  5. 完成,可以访问你的导航网站了

notion-portal's People

Contributors

liudding avatar xhdou 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.