https://github.com/kroid/embed-notion

Embed components for notion
https://github.com/kroid/embed-notion

nodejs notion

Last synced: 16 days ago
JSON representation

Embed components for notion

• Host: GitHub
• URL: https://github.com/kroid/embed-notion
• Owner: Kroid
• Created: 2020-05-08T19:05:59.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-12T17:55:59.000Z (over 2 years ago)
• Last Synced: 2025-03-24T10:45:53.067Z (about 1 month ago)
• Topics: nodejs, notion
• Language: JavaScript
• Homepage: https://embed-notion.herokuapp.com/
• Size: 776 KB
• Stars: 31
• Watchers: 1
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Embed Notion

Web server for notion embed components. With this, you can use additional features, like flowcharts, diagrams, etc.

![Scheenshot](.readme-assets/graph.png)

## Available libraries:

- [mermaid.js](https://github.com/mermaid-js/mermaid)

## How to

1. Get your notion token. More information here: https://github.com/dragonman225/notionapi-agent/blob/master/documentation/get-token/get-token.md

2. Create notion's code element:

   ![notion code](.readme-assets/code.png)

3. Set markdown language:

   ![notion markdown](.readme-assets/markdown.png)

4. Copy block id of element:

   ![notion copy link](.readme-assets/copy-link.png)

   For example, for url:

   `https://www.notion.so/2fde7f36cbe67a59bab4598af323b0c6#1fa438a1c04a42c28a809cc826a8f20b` block id is `1fa438a1c04a42c28a809cc826a8f20b`

5. Go to website, submit token with block id, copy url and past it to notion embed:

   ![embed](.readme-assets/embed1.png)

   ![embed](.readme-assets/embed2.png)

6. After updated content in your markdown block, double click on embed component and it will reloaded.

## Self hosted

If you use this on your onw server, you need environment variables:

```

ENCRYPTION_KEY=string of 32 characters

NOTION_TOKEN=if you set notion token, you not need to submit it every time

NODE_ENV=production

```