README.kr.md

English | 日本語 | 한국어

easy-notion-blog

easy-notion-blog는 노션 블로그의 스타트 키트입니다. Notion 블로그를 쉽고 빠르게 시작할 수 있도록 도와줍니다

• 🚀 매우 빠른 페이지 로딩
• 📝 자신의 노션으로 블로그를 작성할 수 있습니다
• 🛠️ 사이트의 레이아웃을 사용자 정의할 수 있습니다
• ✅ Notion 공식 API를 사용합니다

astro-notion-blog 는 잘 개발되고 있으니 참고 부탁드립니다.

스크린샷

📸 블로그

📸 노션

시작하기

요구사항

• 자신의 Notion

• Vercel 계정

  • 

• Git

순서

1. 이 저장소에 별을 남겨줍니다 😉
   • 별은 저에게 큰 힘이 됩니다
2. 템플릿을 자신의 노션에 복제합니다.
3. 복제한 페이지의 URL을 참고하여 DATABASE_ID로 메모합니다.
   • https://notion.so/your-account/<여기>?v=xxxx
   • 例) 158bd90116004cd19aca26ad88cb5c07
   • ⚠️ 주의: ?v=여기가 아닙니다。?v= 이전의 내용입니다。
4. integration 만들기에 "Internal Integration Token"을 만들고 NOTION_API_SECRET로 메모합니다
5. 複製したページを再度開き Share a database with your integration の手順でインテグレーションにデータベースを共有します
6. vercel.com에 로그인 합니다
7. otoyo/easy-notion-blog를 fork 하거나 새로운 저장소를 만듭니다. (팀 만들기는 건너뜁니다)
8. "Configure Project"에서 "Environment Variables"를 열고, 메모했던 NOTION_API_SECRET 와 DATABASE_ID를 입력해줍니다
9. Deploy가 완료가 되면 Notion Blog 이 보이게 됩니다

더 자세한 내용은へろほろさんの記事을 참고합니다

데모

https://easy-notion-blog-otoyo.vercel.app/blog
ユーザーブログは wiki에서 볼 수 있습니다。

사용자 설정

추가 필요 구성

• Node.js v16이상의 버전
• Yarn

순서

1. 이 저장소를 포크하여 로컬로 clone 합니다.
2. 프로젝트 루트에 '.env.local' 파일을 작성하고 아래와 같이 환경변수를 적습니다.

NOTION_API_SECRET=<YOUR_NOTION_API_SECRET>
DATABASE_ID=<YOUR_DATABASE_ID>

3. 의존 관계들을 설치하고 로컬 서버를 시작합니다

# 의존 관계 설치
yarn install

# 로컬 서버(localhost:3000) 실행
yarn dev

4. 브라우저에서 http://localhost:3000에 접속합니다

개발 환경에서는 'Published'가 아닌 엔트리도 표시되기 때문에 미리 볼 수 있습니다.다만 'Slug' 가 설정되어 있지 않은 엔트리는 표시되지 않습니다.

5. 개발 서버를 정지하려면 터미널에서 'Ctrl+C' 를 누릅니다.

기타 정보

wiki 참고하세요。

버그 보고 & 기능 요망

영어나 일본어로 Issue를 작성해 주세요.

🐦 Twitter 커뮤니티

최신 업데이트 정보를 받거나 커스터마이징이 곤란할 때 다른 멤버의 도움을 받을 수 있습니다.

• easy-notion-blog

협업

PR 환영입니다.

---

easy-notion-blog는 ijjk/notion-blog를 otoyo/notion-blog베이스로 하고 있습니다