English | 日本語
Easy to start your blog.
You can write on your Notion.
https://easy-notion-blog-otoyo.vercel.app/blog
- techPeck
- チャベログ
- オマツリ
- 八朔 Blog
- shmn7iii
- nitaking.dev (Contributor)
- www.gadge7.net
- herohoro ブログ (Contributor)
- アルパカログ (Owner)
- Very fast!
- Write on the Notion
- Using official API
- Full customization
(For your customization)
- Node.js v14 or higher
- Yarn
- Star this repo 😉
- It makes me motivative!
- Duplicate the template into your Notion.
- Note the part of URL
https://notion.so/your-account/<HERE>?v=xxxx
asDATABASE_ID
- ex)
158bd90116004cd19aca26ad88cb5c07
⚠️ CAUTION:?v=NOT_THIS_VALUE
. Use ahead strings.
- ex)
- Create an integration and note "Internal Integration Token" as
NOTION_API_SECRET
- Share a database with your integration at the Notion database page
- Go to vercel.com and log-in
- Create new project by importing this repository
otoyo/easy-notion-blog
(Skip creating a team) - In "Configure Project", open "Environment Variables" settings and set
NOTION_API_SECRET
andDATABASE_ID
- Your Notion Blog will be published after deploy
Fork this repo into your GitHub account and develop.
# Install dependencies
yarn install
# Start local server at localhost:3000
yarn dev
Open http://localhost:3000 in your browser.
Entries without Published
are also displayed for preview in local. But no Slug
entries are not displayed.
Press Ctrl+C
to stop local server in the terminal.
See the wiki.
yarn lint
yarn test
- favicon
- Place
favicon.ico
underpublic/
directory
- Place
- Google Analytics 4
- Set your tracking ID in
lib/gtag.js
- Set your tracking ID in
Pull requests are welcome.
easy-notion-blog is based on ijjk/notion-blog and otoyo/notion-blog