Стартовый шаблон Jekyll для академических сайтов с публикациями, CV, блогом и страницами проектов.
arifszn/gitprofile
Шаблон на TypeScript, который создаёт портфолио разработчика на основе данных GitHub по одному имени пользователя и позволяет развернуть сайт на GitHub Pages.
- Звёзды
- 2,326
- Форки
- 2,156
- Открытые issues
- 10
- Последний коммит
- 2 месяца назад
Что это?
GitProfile создаёт персональный сайт-портфолио по имени пользователя GitHub. Аватар, описание профиля и репозитории автоматически загружаются с GitHub, поэтому сайт обновляется вслед за изменениями профиля. Другие разделы — навыки, опыт работы, образование, сертификаты, публикации и внешние проекты — заполняются в одном файле gitprofile.config.ts.
Проект построен на Vite и предлагает 36 тем daisyUI на выбор, поддержку собственных тем через CSS-переменные, настройки SEO-метаданных, возможность подключить Google Analytics (GA3 и GA4) и отслеживание через Hotjar, а также установку в виде PWA. В блоге можно показывать публикации из аккаунта Medium или dev.to.
Настройка сводится к созданию форка и развёртыванию с помощью GitHub Actions и GitHub Pages; также доступны Vercel, Netlify и Surge. Проект можно запускать локально на Node.js 20+ с dev-сервером.
Ключевые возможности
- 01Автоматически создаёт портфолио по имени пользователя GitHub и синхронизирует с GitHub аватар и описание профиля.
- 02Показывает проекты с GitHub в автоматическом режиме (по числу звёзд или дате последнего обновления) либо вручную.
- 03Предлагает 36 тем на выбор и поддерживает собственные темы.
- 04Включает разделы для навыков, опыта работы, образования, сертификатов, публикаций и записей в блоге.
- 05Поддерживает SEO-метатеги, Google Analytics, Hotjar и установку в виде PWA.
- 06Развёртывает сайт на GitHub Pages через GitHub Actions или на 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, необходимо вручную задать значение base в gitprofile.config.ts.
В подборках
Темы
Частые вопросы
- Что такое gitprofile?
- Шаблон на TypeScript, который создаёт портфолио разработчика на основе данных GitHub по одному имени пользователя и позволяет развернуть сайт на GitHub Pages. GitProfile создаёт персональный сайт-портфолио по имени пользователя GitHub. Аватар, описание профиля и репозитории автоматически загружаются с GitHub, поэтому сайт обновляется вслед за изменениями профиля. Другие разделы — навыки, опыт работы, образование, сертификаты, публикации и внешние проекты — заполняются в одном файле gitprofile.config.ts.
- gitprofile можно использовать бесплатно? Какая у него лицензия?
- gitprofile распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- gitprofile всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в gitprofile — 1 сент. 2026 г..
- Для чего можно использовать 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 проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Шаблон персонального сайта в стиле Minecraft с воксельным 3D-миром на Three.js, по которому посетители могут ходить.
Открытый фреймворк Hugo с блоками на Tailwind для создания лендингов, портфолио, блогов и документации из обычных Markdown-файлов.
Стартовый набор Next.js, который превращает публичную страницу Notion в готовый к деплою блог или сайт-портфолио на базе react-notion-x и Vercel.
Персональный сайт, который можно разместить на собственном сервере: заметки, события, проекты, коллекция в формате книжной полки и журнал важных вех; React 19 и Rust (axum + SQLite).
Стартовый шаблон для создания кроссплатформенных десктопных приложений на Electron, React, TypeScript и Vite.