Создайте свою страницу профиля GitHub за 1 минуту без единой строчки кода бесплатно

GitHub-me — это самый простой способ создать свою страницу профиля на
GiHub бесплатно. 😎

Доступ ко всей информации вашего профиля будет осуществляться через публичный
GitHub API. 🎒

Итак, правильно заполните свою регистрацию на GitHub.
Так вам не придется вносить изменения в код. 🤖

Вам не нужно нести расходы на инфраструктуру, доступность будет предоставлена
gh-pages бесплатно. 🤑

У вас будет ссылка, которой вы сможете поделиться в своих социальных сетях с мета-тегами SEO.
также будет проиндексирована поисковой системой google. 🚀

Особенности

  • ✅ Показать основной профиль (логин, имя и био)
  • ✅ Показать компанию, местоположение, блог и твиттер
  • ✅ Количество подписчиков
  • ✅ Количество публичных репозиториев
  • ✅ Аккаунт, созданный в
  • ✅ Список репо с тегом
  • ✅ Progressive Web App (PWA)
  • ✅ Мета-теги SEO
  • ✅ Развертывание с помощью gh-pages

Как создать страницу своего профиля?

Чтобы создать свой профиль, выполните следующие шаги.
По сути, просто форкните мой проект на свой github.

Выполните следующие шаги:

  1. Создайте форк
  2. Включите Github Actions
  3. Запустите развертывание на Pages
  4. Зайдите на страницу своего профиля в https://<username>.github.io/me.

Детали шагов

1. Создайте форк

Чтобы создать форк этого проекта, зайдите на
https://github.com/rafaelbmateus/me/fork
и нажмите на кнопку «Создать форк».

2. Включить действия Github

По умолчанию действия не включаются автоматически для форков.
Выберите Actions в форке вашего репозитория и нажмите кнопку
«Я понимаю свои рабочие процессы, продолжайте и включите их».

3. Запустите развертывание на Pages

Выберите рабочий процесс «Развертывание статического содержимого на Pages»,
нажмите «Запустить рабочий процесс», используйте рабочий процесс из ветки: main
и нажмите «Запустить рабочий процесс».

Проверьте, что рабочий процесс «Развертывание статического содержимого на Страницы
успешно завершен.

4. Зайдите на страницу своего профиля

Зайдите на страницу своего профиля
в https://<username>.github.io/me/.

Замените <username> на своего пользователя github. Например: https://github.com/rafaelbmateus
имя пользователя rafaelbmateus.

Как показать репозитории?

Репозитории, которые вы хотите видеть в каталоге проектов на странице вашего профиля, поместите в тег me.

Вы можете изменить этот тег на другой, который вам больше нравится
но для этого вам потребуется изменить строку кода
assets/js/github.js#L6.

API GitHub

Поля HTML заполняются с помощью данных с github.

Используются следующие конечные точки:

  • api.github.com/users/:user
  • api.github.com/users/:user/repos

Запуск localhost

Клонировать репозиторий

git clone git@github.com:rafaelbmateus/me.git
cd me
Вход в полноэкранный режим Выход из полноэкранного режима

Создайте страницу с помощью:

GITHUB_USERNAME=<username> python3 builder/main.py
Войти в полноэкранный режим Выйти из полноэкранного режима

Другие конструкторы страниц профиля

Если вам нужно что-то более мощное, посмотрите на эти проекты:

  • Docusaurus
  • Hugo
  • Jekyll
  • Gatsby
  • DeveloperFolio

развертывание, вероятно, займет у вас более 1 минуты.

Оцените статью
devanswers.ru
Добавить комментарий