English | ๆฅๆฌ่ช
astro-notion-blog enables you to create a blog using Notion and generates it statically, resulting in lightning-fast page views.
- ๐ Blazing fast page views
- ๐ With the ability to write blog content in Notion
- ๐ ๏ธ Customize your site's appearance to your liking
- โ Take advantage of the official Notion APIs
![](https://private-user-images.githubusercontent.com/1063435/253799461-967bbc23-014c-427d-b6cd-02c41822fb45.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzNzY4NDEsIm5iZiI6MTcyNDM3NjU0MSwicGF0aCI6Ii8xMDYzNDM1LzI1Mzc5OTQ2MS05NjdiYmMyMy0wMTRjLTQyN2QtYjZjZC0wMmM0MTgyMmZiNDUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjNUMDEyOTAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MWYwMzZjMTVkYjQ4ZGI0NDkyOTcxN2YzNjU1MDI2YWVmNDYwY2M2MDY3NTdlNGUxMWE0NThmMDFiYWE2YzEwZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.5Nj3K688pA4LZXoPU3BBPFcwZmTCyZ5hEF7LG-8sU70)
![](https://private-user-images.githubusercontent.com/1063435/253799542-bf1add06-1f1c-42ca-88c9-decb8c0dcf8f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzNzY4NDEsIm5iZiI6MTcyNDM3NjU0MSwicGF0aCI6Ii8xMDYzNDM1LzI1Mzc5OTU0Mi1iZjFhZGQwNi0xZjFjLTQyY2EtODhjOS1kZWNiOGMwZGNmOGYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjNUMDEyOTAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Yjc2YTIwOWExN2I3NWE5YzhiMjEyNjkyNjgxNWQzNTI0ODRjNWM1YjUxYzY4YWUzYTcyM2FjNjBiODFjOTljOCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.SbB3aHnBvyOfTpOAPrBKMV2zc88ljoCrOMpedupyDds)
https://astro-notion-blog.pages.dev
- If you enjoy using this repo, don't forget to give it a star! ๐
- This is very motivating!
- Simply duplicate the blog template into your Notion workspace.
- Once you've duplicated the page (database), customize it to your liking by changing the icon, title, and description.
- For future reference, identify the
DATABASE_ID
by noting the portion of the duplicated page (database) URL that appears as https://notion.so/your-account/?v=xxxx.
- Create an integration and note "Internal Integration Token" as
NOTION_API_SECRET
- To integrate your application with Notion, share a database with your integration.
- To make a copy of this repository in your own account, fork it by clicking on the 'Fork' button in the top-right corner of the repository page.
- Go to Cloudflare Pages and sign in
- Create new project with "Connect to Git" with your forked repository
<your-account>/astro-notion-blog
, then click "Begin setup" - In "Build settings" section,
- Select "Astro" as "Framework preset"
- Open "Environment Variables (advanced)" and set
NODE_VERSION
,NOTION_API_SECRET
andDATABASE_ID
NODE_VERSION
isv18.16.0
or higher- How to deploy a site with Git is helpful
![](https://private-user-images.githubusercontent.com/1063435/239668196-bc1ceef1-d67a-490b-b465-34af1b0f8010.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQzNzY4NDEsIm5iZiI6MTcyNDM3NjU0MSwicGF0aCI6Ii8xMDYzNDM1LzIzOTY2ODE5Ni1iYzFjZWVmMS1kNjdhLTQ5MGItYjQ2NS0zNGFmMWIwZjgwMTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjNUMDEyOTAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NmI4ODRiMmYwYTU2MDNiM2UxY2RhYTA0ZWVkZmZlNDY1MDU1MDUwZTY2NGEwMmNlMDljMmU3YmY2NTc3MGRkMiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.-cxqnbvERJKXgTfNnVx3N3bRWt6zJzFyICA0_a_j5M0)
- After clicking the 'Save and Deploy' button, your Notion Blog will be published once the deployment process is complete.
Please note that the astro-notion-blog requires manual deployment every time you publish a new post or make updates. You can deploy manually from the Cloudflare Pages dashboard or set up a scheduled deploy using CI tools such as GitHub Actions.
- Node.js v18.14.1 or higher
- To set your secrets as environment variables, run the following commands in your terminal:
export NOTION_API_SECRET=<YOUR_NOTION_API_SECRET>
export DATABASE_ID=<YOUR_DATABASE_ID>
- Install dependencies and start local server
npm install
npm run dev
- Open http://localhost:4321 in your browser
- Press
Ctrl+C
in the terminal to stop
See wiki.
To report an issue, please create a new Issue. You can use either English or Japanese to describe the issue. ๐
If you like astro-notion-blog, sponsor me so that I can keep on developing software. Thank you.
astro-notion-blog is based otoyo/notion-blog