Git и GitHub простыми словами: сохраняем проект
Для кого:Хочу свой продукт
Твой проект в приватном репозитории GitHub с историей коммитов, без .env и файлов базы, и один пройденный цикл «правка, коммит, отправка».
Задача
Мерве (урок 4.2) уже опубликовала сайт мастерской. Все файлы лежат в одной папке на ноутбуке. Если ноутбук сломается или его украдут, сайт останется в интернете, но править его будет не из чего. А ещё она боится «сломать» сайт правкой и не суметь вернуть, как было. Ей нужна история версий и копия проекта вне компьютера.
Словарик (через фотоальбом).
- Коммит: фотография всего проекта в определённый момент с подписью: «добавила расписание на ноябрь». К любой фотографии можно вернуться.
- Репозиторий: альбом со всеми такими фотографиями: файлы проекта плюс вся история изменений.
- Git: программа, которая делает эти фотографии у тебя на компьютере. Команды учить не нужно: их выполняет Claude Code по просьбе обычными словами.
- GitHub: сайт, где хранится копия альбома в интернете. Компьютер сломался, а альбом цел.
- Push (отправить): загрузить новые коммиты с компьютера на GitHub.
.gitignore: список того, что в альбом не попадает никогда: файлы с паролями, базы клиентов.
Шаги
Включи git в проекте. Если ты шёл по уроку 4.1, это уже сделано. Если нет: «Инициализируй git в этой папке и сделай первый коммит». Claude Code спросит разрешение на команды. Читай и подтверждай.
Делай коммит после каждого рабочего шага. Проверил, что правка работает? «Сделай коммит с понятным описанием». Посмотреть историю: «покажи последние 5 коммитов». Вернуться: «верни проект к коммиту „[описание]“» (подробнее про откат в уроке 4.10). Правило: в коммит идёт только то, что проверил. Сломанная версия в альбоме никому не нужна.
Перед загрузкой в интернет нужен
.gitignore. Попроси: «Создай .gitignore: .env, файлы баз данных, папки с зависимостями, системный мусор. Потом проверь, нет ли паролей, токенов и ключей в файлах и в истории коммитов. Секреты не показывай, только имя файла и строку». Почему это важно:.gitignoreзащищает только файлы, которые ещё не попали в git. Если.envуже был в коммите, его надо сначала убрать из отслеживания. Попроси Claude Code сделать это.- Если токен уже был загружен на GitHub, удалить его из истории недостаточно: копии могут остаться. GitHub советует первым делом отозвать или перевыпустить секрет. Для бота Telegram это новый токен в @BotFather (урок 4.3).
Создай аккаунт GitHub на github.com и сразу включи двухфакторную защиту (чек-лист в уроке 4.6). Бесплатный аккаунт позволяет держать неограниченное число приватных репозиториев. Функции у них ограничены, но для хранения проекта хватает.
Приватный или публичный?
- Public: репозиторий видят все в интернете.
- Private: видишь только ты и те, кому ты дал доступ. Для бизнеса выбирай Private. Публичный бери, только если сознательно хочешь показать код всем.
Создай репозиторий. Справа вверху на GitHub открой меню и выбери New repository. Укажи Repository name (например,
merve-site), выбери Private. README, .gitignore и лицензию не добавляй: у тебя уже есть проект, лишние файлы создадут конфликт. Нажми Create repository. Откроется страница Quick Setup с адресом репозитория.Загрузи проект. Два пути, оба через Claude Code:
- А. Через адрес. Скопируй адрес со страницы Quick Setup и напиши: «Подключи этот репозиторий [адрес] и отправь туда проект». При первой отправке git попросит войти в GitHub. Входи сам в окне браузера или системы, пароль в чат не пиши.
- Б. Через GitHub CLI (программа
gh). Попроси: «Установи GitHub CLI и скажи, какую команду мне запустить для входа». Команда входа:gh auth login. По документации GitHub CLI вход по умолчанию идёт через браузер, а ключ сохраняется в защищённом хранилище системы. Вход ты делаешь сам. Потом: «Создай приватный репозиторий на GitHub и отправь туда проект». По документации GitHub это командаgh repo createс флагом--private. Шаг 6 тогда не нужен.
Проверь на GitHub. Открой репозиторий в браузере: файлы на месте,
.envв списке нет, рядом с замком стоит отметка «Private».Дальше по кругу. Правка → проверка → коммит → «отправь изменения на GitHub». В уроке 4.10 GitHub станет ещё и кнопкой публикации сайта.
⚠️ Токены GitHub, пароли и ключи не вставляй в чат с Claude. Входи только в официальном окне GitHub.
Шаблон
Я [имя], не программист. Объясняй каждую команду одной фразой до запуска.
Задача: сохранить проект в git и загрузить его в приватный репозиторий GitHub.
1. Проверь, включён ли git. Если нет, включи и сделай первый коммит.
2. Создай или проверь .gitignore: .env, базы данных, зависимости, системные файлы.
3. Проверь файлы и историю коммитов на пароли, токены, ключи. Секреты не выводи, только файл и строку. Если найдёшь, остановись и скажи, что делать.
4. Подключи репозиторий [адрес со страницы Quick Setup] и отправь проект.
Вход в GitHub я сделаю сама, скажи, когда.
5. Скажи, как проверить на сайте GitHub, что всё загрузилось и .env там нет.
Возьми свой проект из уроков 4.1-4.4 и отправь его в приватный репозиторий GitHub по шаблону. Перед загрузкой попроси проверку на секреты. А после сделай одну маленькую правку, коммит и отправку, чтобы пройти цикл целиком.
✓ Как понять, что получилосьНа GitHub у репозитория стоит отметка «Private», в списке файлов нет .env и файлов базы. «Покажи последние 5 коммитов» выводит коммиты с понятными подписями, а последний из них есть и на GitHub.
- Словарик через фотоальбом: коммит, репозиторий, git, GitHub, push
- Правило: в коммит идёт только проверенная правка
- Проверка на секреты и .gitignore до загрузки в интернет
- Действие при утечке: сначала отозвать или перевыпустить секрет
Сегодня создай аккаунт GitHub, включи двухфакторную защиту и попроси Claude Code создать .gitignore и проверить проект на секреты. Шаблон сохрани в заметку «Мои запросы».