-
Notifications
You must be signed in to change notification settings - Fork 59
시작하기
2sky edited this page Nov 3, 2022
·
14 revisions
레포 클론 후 Notion API 키 발급
과 site.config.ts
만 수정하시면 바로 이용하실 수 있습니다.
아래 단계들을 따라와주세요 :)
Fork
또는 Use this template
를 사용하여 레포를 받으신 후 아래 모든 단계를 진행하시면 문제 없이 사용하실 수 있습니다.
커스텀한 블로그 템플릿은 아래의 오픈소스 기반이므로 해당 깃허브 README.md에서 사용방법을 확인해주세요.
GitHub - transitive-bullshit/nextjs-notion-starter-kit - setup
글 목록이 디자인에 맞게 나오려면 데이터베이스의 보기 형태가 저와 같은 형태 및 속성 순서가 맞아야합니다.
되도록 아래 링크에서 보이는것과 같이 형태와 속성의 순서가 일치하게 만들어주세요.
❗️ 노션의
복제
기능을 사용시 이상하게 불러와지는 현상이 있습니다.
블로그로 사용하는 노션 페이지는복제
된 페이지가 아닌 직접 페이지를 만들어야합니다.
다운받으신 코드는 이미 제가 사용중인 블로그 소스이므로 필요없는 파일 및 교체해야 되는 이미지 파일들이 있습니다. 항목은 아래와 같습니다.
- naver-site-verification 파일 제거:
/public/naverXXXXXXXXXXX.html
- 프로필 사진 변경:
public/favicon-128x128.png
,public/favicon-192x192.png
,public/favicon.ico
,public/favicon.png
- 로딩 효과 변경:
public/loading.gif
,components/PageLoading.tsx
- site.config.ts 변경:
rootNotionPageId
,name
,domain
,author
,description
,defaultPageIcon
,navigationLinks
,enableComment
OG Image (social-image)와 댓글 기능은 Notion API를 사용합니다. 아래 문서 링크로 이동해 키 발급을 진행해주세요.
2skydev wiki - Notion API 키 발급 & 환경 변수 설정
해당 블로그 스타트 킷을 사용할 때 주의해야 하는 기능이 있습니다.
알 수 없는 오류가 난다면 다음 링크를 통해 한번 읽어주세요.