특징:

🥰 미니멀하고 깔끔한 포트폴리오

🌗 다크/라이트 모드(시스템 색상 모드 자동 감지)

📱 반응형(태블릿 및 모바일 친화적)

⚙️ Notion에서 기사 렌더링 🚀

⭐ 별표가 가장 많은 Github 고정 프로젝트를 가져옵니다

💫에슬린트&프리티어 구성

📈 구글 애널리틱스 통합

⚡ 사이트맵 생성(/sitemap.xml 방문)

🚀 클릭 한 번으로 netlify 배포

자체 버전 배포:

Github에서 프로젝트를 복제하고 메인 브랜치에 병합할 때마다 배포하도록 설정Netlify합니다. 이 방법을 적극 권장합니다!

게으른 사람들을 위해 Netlify 배포 버튼

을 사용할 수 있습니다.

그러나 먼저 전제 조건을 확인하십시오.

전제 조건

생성Notion 계정

페이지 상단에 있는 duplicate 버튼을 클릭하여 this template 복제하십시오.

노션 테이블 공개(페이지 상단에 있는 share 버튼 클릭)

테이블 링크에서 테이블 ID를 가져옵니다.
예:

link: https://aymanemx.notion.site/aymanemx/ceef6f1a895a46b2a0e4a87b41405547?v=8427738adccd4b2a8c28156be3757156
id: ceef6f1a895a46b2a0e4a87b41405547

page id에 대해 동일한 작업을 수행합니다(env 변수로 사용합니다NOTION_ABOUT_PAGE_ID )

Google 분석 ID 가져오기(선택 사항)

이제 배포 버튼을 클릭하고 Netlify 양식을 채울 수 있습니다

학점:

🌔 다크 모드 : eggsy

🎨 더 미니멀한 디자인 : Monotone

⭐ 오픈 소스 섹션: mouadziani 및 smakosh

이 문제에 관하여(Notion이 제공하는 블로그가 있는 개발자용 포트폴리오), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/aymanemx/a-portfolio-for-developers-with-a-blog-powered-by-notion-hp0

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다