Repolode
arifszn

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. 1

    Клонируйте репозиторий

    git clone https://github.com/arifszn/gitprofile.git
  2. 2

    Перейдите в каталог проекта

    cd gitprofile
  3. 3

    Установите зависимости

    npm install
  4. 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 обновляется ежедневно.

Похожие проекты

Персональный сайт, который можно разместить на собственном сервере: заметки, события, проекты, коллекция в формате книжной полки и журнал важных вех; React 19 и Rust (axum + SQLite).

64+9 за неделю8TypeScriptAGPL-3.0Активно поддерживаетсяОбновлён вчера