논문, CV, 블로그, 프로젝트 페이지를 갖춘 학술 웹사이트를 만들기 위한 Jekyll 스타터 템플릿입니다.
arifszn/gitprofile
GitHub 사용자 이름만으로 GitHub와 동기화되는 개발자 포트폴리오 사이트를 만드는 TypeScript 템플릿으로, GitHub Pages에 배포할 수 있습니다.
- 스타
- 2,326
- 포크
- 2,156
- 열린 이슈
- 10
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
GitProfile은 GitHub 사용자 이름으로 개인 포트폴리오 웹사이트를 생성합니다. 아바타, 자기소개, 저장소를 GitHub에서 자동으로 가져오므로 프로필이 바뀌면 사이트도 업데이트됩니다. 기술, 경력, 학력, 자격증, 출판물, 외부 프로젝트 등의 섹션은 gitprofile.config.ts 파일 하나에서 입력할 수 있습니다.
이 프로젝트는 Vite로 빌드되며, 선택 가능한 daisyUI 테마 36개, CSS 변수로 사용자 지정 테마 설정, SEO 메타 설정, 선택형 Google Analytics(GA3 및 GA4)와 Hotjar 추적, PWA 설치 기능을 제공합니다. Medium 또는 dev.to 계정의 블로그 게시물도 표시할 수 있습니다.
GitHub Actions와 GitHub Pages를 이용해 포크한 뒤 배포하는 방식으로 설정할 수 있으며, Vercel, Netlify, Surge도 사용할 수 있습니다. Node.js 20+에서 개발 서버를 이용해 로컬로 실행할 수도 있습니다.
핵심 기능
- 01GitHub 사용자 이름만으로 포트폴리오를 자동 생성하고, 아바타와 자기소개를 GitHub와 동기화합니다.
- 02GitHub 프로젝트를 별점순이나 최근 업데이트순으로 자동 표시하거나 수동으로 표시할 수 있습니다.
- 03선택 가능한 테마 36개를 제공하며 사용자 지정 테마도 지원합니다.
- 04기술, 경력, 학력, 자격증, 출판물, 블로그 게시물 섹션을 제공합니다.
- 05SEO 메타 태그, Google Analytics, Hotjar, PWA 설치를 지원합니다.
- 06GitHub Actions를 통해 GitHub Pages에 배포하거나 Vercel, Netlify, Surge에 배포할 수 있습니다.
활용 사례
- 프런트엔드 코드를 작성하지 않고 빠르게 온라인 포트폴리오를 만들고 싶은 개발자.
- 코드 프로젝트와 함께 출판물을 소개하려는 연구자.
- GitHub 활동과 연결된 이력서 스타일의 사이트가 필요한 구직자.
빠른 시작
- 1
저장소를 클론합니다
git clone https://github.com/arifszn/gitprofile.git - 2
프로젝트 디렉터리로 이동합니다
cd gitprofile - 3
종속성을 설치합니다
npm install - 4
개발 서버를 시작한 다음 http://localhost:5173/gitprofile/ 을 엽니다
npm run dev
사용 전 알아둘 점
- 로컬 환경을 설정하려면 Node.js 20 이상이 필요합니다.
- GitHub Pages의 프로젝트 하위 경로에 배포하려면 gitprofile.config.ts에서 base 값을 수동으로 설정해야 합니다.
포함된 컬렉션
토픽
자주 묻는 질문
- gitprofile은(는) 무엇인가요?
- GitHub 사용자 이름만으로 GitHub와 동기화되는 개발자 포트폴리오 사이트를 만드는 TypeScript 템플릿으로, GitHub Pages에 배포할 수 있습니다. GitProfile은 GitHub 사용자 이름으로 개인 포트폴리오 웹사이트를 생성합니다. 아바타, 자기소개, 저장소를 GitHub에서 자동으로 가져오므로 프로필이 바뀌면 사이트도 업데이트됩니다. 기술, 경력, 학력, 자격증, 출판물, 외부 프로젝트 등의 섹션은 gitprofile.config.ts 파일 하나에서 입력할 수 있습니다.
- gitprofile은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- gitprofile은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- gitprofile은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. gitprofile의 마지막 커밋은 2026년 9월 1일입니다.
- gitprofile은(는) 어디에 사용할 수 있나요?
- 프런트엔드 코드를 작성하지 않고 빠르게 온라인 포트폴리오를 만들고 싶은 개발자. 코드 프로젝트와 함께 출판물을 소개하려는 연구자. GitHub 활동과 연결된 이력서 스타일의 사이트가 필요한 구직자.
- gitprofile는 어떻게 설치하나요?
- 저장소를 클론합니다: git clone https://github.com/arifszn/gitprofile.git 프로젝트 디렉터리로 이동합니다: cd gitprofile 종속성을 설치합니다: npm install 개발 서버를 시작한 다음 http://localhost:5173/gitprofile/ 을 엽니다: npm run dev
- gitprofile은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/arifszn/gitprofile
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
Three.js로 만든 Minecraft 스타일의 복셀 3D 개인 웹사이트 템플릿으로, 방문자는 가상 세계를 걸어 다니며 사이트를 둘러볼 수 있습니다.
Markdown 파일만으로 랜딩 페이지, 포트폴리오, 블로그, 문서를 만들 수 있는 오픈소스 Hugo용 Tailwind 블록 프레임워크입니다.
공개 Notion 페이지를 배포 가능한 블로그나 포트폴리오 사이트로 바꾸는 Next.js 스타터 키트로, react-notion-x와 Vercel을 기반으로 합니다.
React 19와 Rust(axum + SQLite)로 만든 셀프 호스팅 개인 웹사이트로, 노트, 모먼트, 작품, 책장형 컬렉션, 여정 기록을 제공합니다.
Electron, React, TypeScript, Vite로 크로스 플랫폼 데스크톱 앱을 만들기 위한 스타터 템플릿입니다.