Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kroid/embed-notion
Embed components for notion
https://github.com/kroid/embed-notion
nodejs notion
Last synced: about 2 months 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 (over 4 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T17:55:59.000Z (about 2 years ago)
- Last Synced: 2024-07-30T19:35:40.231Z (5 months ago)
- Topics: nodejs, notion
- Language: JavaScript
- Homepage: https://embed-notion.herokuapp.com/
- Size: 776 KB
- Stars: 30
- Watchers: 2
- 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
```