Как залить проект на github
Перейти к содержимому

Как залить проект на github

  • автор:

Добавление существующего проекта в GitHub с помощью GitHub Desktop

Существующий репозиторий Git можно добавить в GitHub с помощью GitHub Desktop.

  1. С помощью командной строки удалите все команды git remote, настроенные в настоящее время для данного репозитория.
# Show existing remotes $ git remote -v > origin git@git-server/octocat/hello-world.git (fetch) > origin git@git-server/octocat/hello-world.git (push) # Remove existing remotes $ git remote remove origin 

Снимок экрана: панель репозитория. Кнопка с меткой

  • Добавьте репозиторий в GitHub Desktop.
  • На панели репозитория нажмите кнопку «Опубликовать репозиторий«.

    Как бесплатно залить сайт на GitHub Pages

    Допустим, вы сделали какой-то проект, например, собрали себе портфолио по шаблону, и теперь хотите выложить его в интернет. Если вы использовали только HTML и CSS, то необязательно платить деньги, чтобы загрузить сайт куда-то. Вы можете бесплатно выложить сайт на сервис GitHub Pages. Всё, что нужно — аккаунт на Гитхабе.

    Создание репозитория

    Для создания репозитория перейдите по ссылке https://github.com/new.

    Важно, чтобы название репозитория было в виде «username.github.io», где username — имя вашего аккаунта на Гитхабе. В нашем примере это будет evgeniyshklyar.github.io .

    Обязательно установите галку на пункте Add a README file.

    Загрузка файлов

    Репозиторий создан, теперь нужно загрузить файлы. Для этого можно воспользоваться VS Code, консолью или GitHub Desktop, но в нашем случае достаточно интерфейса Гитхаба.

    Нажмите кнопку Add file — Upload files.

    Затем перетащим файлы в появившееся поле для загрузки.

    Добавим комментарий к нашему коммиту и нажмём кнопку «Commit changes».

    Готово! Файлы загружены в репозиторий.

    Проверка работы сайта

    Чтобы проверить работу сайта, достаточно перейти по адресу username.github.io, в нашем случае это htmlacademy.github.io. Вуаля!

    Всё хорошо, сайт работает.

    Шаг 4. Подключаем свой домен

    Гитхаб позволяет использовать собственное доменное имя вместо стандартного username.github.io. Для этого, разумеется, вам сначала нужно приобрести его.

    Предположим, что у вас уже есть домен. Давайте подключим его к репозиторию. Перейдём во вкладку Settings в интерфейсе репозитория, и в разделе Pages в поле Custom domain введём название нашего домена (например: html-academy.ru) и нажмём кнопку Save.

    Теперь Гитхаб знает о нашем домене, однако, этого недостаточно — нужно изменить информацию о DNS-записях самого домена. Для этого нам необходимо перейти на сайт доменного регистратора, где домен был куплен. Интерфейс работы с DNS-записями разный у каждого регистратора, но суть примерно одинакова.

    Нам нужно настроить A-запись домена. Для этого перейдём в панель управления DNS-записями, найдём (или добавим) A-запись и укажем 192.30.252.153 в качестве её значения. Ещё будет полезной памятка Гитхаба по настройке А-записей у DNS провайдера.

    Всё готово! В течение нескольких часов вы сможете открыть свой сайт, используя ваш домен.

    Получить более глубокие знания о работе с Git, попробовать на практике поработать с ветками, с локальным и удалённым репозиторием и изменениями можно на профессиональном онлайн-курсе.

    «Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

    Читать дальше

    5 частых ошибок при работе с Git

    5 частых ошибок при работе с Git

    Git — это важный и довольной понятный инструмент для контроля версий в разработке программного обеспечения, но иногда он может выдавать ошибки, которые сбивают с толку. Если вы столкнулись с одной из этих ошибок, попробуйте наше решение.

    • 27 августа 2023

    Работа с Git через консоль

    Работа с Git через консоль

    Задача: форкнуть репозиторий в GitHub, создать ветку и работать с кодом.

    Сразу появляется много вопросов — что такое GitHub, какие для этого нужны команды, зачем, а главное, как всем этим пользоваться? Давайте разберёмся.

    Когда мы пишем код, мы постоянно туда что-то добавляем, удаляем, и иногда всё может ломаться. Поэтому перед любыми изменениями стоит сделать копию проекта. Если собирать проекты в папки с именами проект1 , проект1_финал и проект2_доделка , вы быстро запутаетесь и точно что-нибудь потеряете. Поэтому для работы с кодом используют системы контроля версий.

    Система контроля версий — программа, которая хранит разные версии одного документа, позволяет переключаться между ними, вносить и отслеживать изменения. Таких систем много и все они работают по принципу компьютерной игры, где вы можете вернуться к месту сохранения, если что-то пошло не так.

    Git — самая популярная система контроля версий. С Git можно работать через командную строку (или терминал). В каждой системе своя встроенная программа для работы с командной строкой. В Windows это PowerShell или cmd, а в Linux или macOS — Terminal. Вместо встроенных программ можно использовать любую другую — например, Git Bash в Windows или iTerm2 для macOS.

    Как работает терминал: мы вводим команду и получаем ответ компьютера — или всё получилось, или где-то ошибка, или нужно ввести что-то ещё — например, пароль. Поэтому большая часть этой инструкции состоит из команд для терминала. Сначала будет непривычно, но вам понравится.

    Но давайте по порядку — установим Git на компьютер.

    • 7 августа 2023

    GitHub Desktop: обзор и первая настройка

    GitHub Desktop: обзор и первая настройка

    Самая короткая инструкция о том, как сохранить файлы в GitHub и ничего не сломать. И самое главное — никакой консоли, всё через окошки и с помощью мышки. Для этого используем GitHub Desktop.

    Внимание! GitHub Desktop не работает на Windows 7×32, поэтому если у вас эта версия системы, обновитесь до Windows 10 или воспользуйтесь программой GitKraken.

    В этой статье идёт рассказ о системах контроля версий. Если вы совсем ничего о них не знаете, прочитайте статьи «Словарь терминов для Git и GitHub» и «Введение в системы контроля версий», чтобы понять терминологию и разобраться, зачем мы вообще это делаем.

    • 7 августа 2023

    Как склеить коммиты и зачем это нужно

    Как склеить коммиты и зачем это нужно

    Когда вы открываете пулреквест и ваш код смотрят и комментируют другие, бывает нужно что-то исправить. Обычно такие изменения мы комментируем сообщением вроде «Увеличил шрифт на 2px » или «Поменял оттенок фона в шапке». Такие маленькие изменения интересны, только пока они в пулреквесте. Ревьювер (человек, который смотрит ваш код), может легко узнать, что и когда вы изменили, а не читать весь diff заново, а вы можете легко откатить коммит, если он не нужен. Но когда приходит время вливать пулреквест, эти маленькие коммиты теряют свою ценность. Поэтому лучше их склеить в один.

    • 14 июня 2023

    Основные команды для работы с Git

    Основные команды для работы с Git

    Работа с Git через терминал — это обязательная часть практики фронтендера. Однако для начинающих разработчиков этот инструмент может показаться сложным. Чтобы вам было проще учиться, мы собрали основные команды для работы с Git.

    ☝ В некоторых командах мы будем писать URL-адрес удалённого репозитория и название проекта в квадратных скобках, вот так — [ссылка на удалённый репозиторий] . Мы делаем это только для наглядности. Вам квадратные скобки ставить не нужно.

    • 22 февраля 2023

    Регистрация на GitHub

    Регистрация на GitHub

    Создание нового аккаунта на GitHub состоит всего из 10 шагов — и вся регистрация занимает меньше пяти минут.

    �� Обратите внимания, что интерфейс Гитхаба регулярно меняется, так что внешне он может отличаться, когда вы читаете эту статью.

    Начало регистрации. Так выглядит главный экран Гитхаба, когда вы не зарегистрированы. Главное, что вам нужно заметить — большое поле для ввода почты и зелёная кнопка. Вводите свой адрес и переходите на следующий шаг.

    Ввод почты. На следующем шаге начинается регистрация. Подтвердите свою почту с прошлого шага и нажмите Continue (Продолжить).

    Пароль. Придумайте сложный пароль, чтобы его никто не взломал. Например, Гитхаб просит, чтобы в пароле было не меньше 15 символов или 8 символов, но тогда должны быть и латинские буквы, и цифры.

    Имя профиля. Теперь выберите имя вашего профиля — оно будет использоваться в интерфейсе, в коммитах и комментариях. То есть именно так вас будет видеть любой пользователь Гитхаба. Для разработчика Гитхаб вместо визитки, так что выбирайте что-нибудь приличное, лучше, если ник будет совпадать с вашими никнеймами на других сайтах.

    Если имя недоступно, Гитхаб вам об этом скажет. А если доступно — жмите Continue.

    Рассылки. Дальше Гитхаб спросит, хотите ли вы подписаться на рассылку об обновлениях. Впечатайте латинскую У, если хотите, или n, если письма вам не нужны. Готовы спорить, мы знаем, что вы выберете.

    Капча, чтобы проверить, что вы не робот. Нам при регистрации пришлось два раза выбрать спиральную галактику — не сильно сложно. А если вы робот — не причиняйте вред человеку своим действием или бездействием.

    Подтверждение почты. После капчи вам придёт письмо с кодом на почту. Введите его на следующей странице.

    Вот здесь. Главное — не ошибайтесь.

    Общая информация о вас и вашей команде. Если вы регистрируете аккаунт для себя, выбирайте Just me. Второй пункт — студент вы или учитель. Выбирайте «Студент», если вы не учитель.

    Интересы. Дальше Гитхаб спросит вас об интересах — то есть о том, зачем вы регистрируете аккаунт. Из вариантов:

    • Совместная разработка и код ревью.
    • Автоматизация. CI/CD, API и другие админские вещи.
    • Безопасность. Двухфакторная аутентификация, ревью, сканирование кода и списки зависимостей.
    • Приложения. Выбирайте, если будете использовать GitHub Mobile, CLI, Desktop.
    • Управление проектами. Проекты, метки, ишьи, вики и другие управленческие дела.
    • Управление командами. Организации, приглашения, роли, домены.
    • Сообщество. Выбирайте, если Гитхаб интересен вам как соцсеть.

    Вы можете выбрать несколько пунктов или пропустить и не указывать ничего, для этого пролистайте страницу вниз для кнопки Skip customization.

    Выбор тарифа. На выбор бесплатный тариф или платный GitHub Pro. Практика показывает, что для большинства личных проектов хватит бесплатного тарифа. В сентябре 2022 в него входили:

    • Безлимитное количество репозиториев.
    • 2000 минут CI/CD в месяц.
    • 500 мегабайт места в хранилище пакетов.
    • Поддержка сообщества.

    Выбор тоже можно пропустить, тогда у вас будет бесплатный тариф.

    Всё готово. Теперь у вас есть аккаунт. Можете создать репозиторий и работать с ним, или склонировать чужой. А для работы у вас есть несколько удобных вариантов:

    • 28 сентября 2022

    Работа с Git в Visual Studio Code

    Работа с Git в Visual Studio Code

    Если вы вёрстаете сайты или пишете код в редакторе Visual Studio Code, то Git за пять минут настраивается прямо внутри редактора. Не нужно запоминать команды для консоли, не нужно тыкать в лишние приложения.

    Следуйте инструкции и всё получится.

    • 16 сентября 2022

    Markdown за 5 минут

    Markdown за 5 минут

    Маркдаун, он же markdown — удобный и быстрый способ разметки текста. Маркдаун используют, если недоступен HTML, а текст нужно сделать читаемым и хотя бы немного размеченным (заголовки, списки, картинки, ссылки).

    Главный пример использования маркдауна, с которым мы часто сталкиваемся — файлы readme.md , которые есть в каждом репозитории на Гитхабе. md в имени файла это как раз сокращение от markdown.

    Другой частый пример — сообщения в мессенджерах. Можно поставить звёздочки вокруг текста в Телеграме, и текст станет полужирным.

    Версии маркдауна отличаются, поэтому перепроверьте, какую вы используете.

    • 5 октября 2021

    Шпаргалка по Git. Решение основных проблем

    Шпаргалка по Git. Решение основных проблем

    Поговорим о решении проблем с Git.

    • 11 декабря 2020

    Полезные команды для работы с Git

    Полезные команды для работы с Git

    Работа с Git через терминал — это обязательная часть практики каждого современного фронтенд-специалиста. Однако, для начинающих это может показаться сложным. Чтобы упростить процесс обучения, мы собрали для вас все самые необходимые команды, которые пригодятся в работе с Git на первое время.

    • 1 января 2020

    GitHub: настройка и первая публикация проекта

    GitHub — это веб-облачный хостинг-сервис, который предоставляет инструменты для хранения, управления и совместной работы над проектами с использованием системы контроля версий Git. Он предлагает репозитории (repositories), где можно хранить код и отслеживать его изменения, а также предоставляет функциональность для совместной работы, рецензирования кода и управления проектами.

    1. GitHub предоставляет возможность хранить и организовывать кодовую базу проекта в репозиториях. Репозитории позволяют отслеживать изменения в коде и вести документацию, а также предоставляют удобный доступ к коду из любого места.
    2. GitHub построен на основе системы контроля версий Git, что позволяет отслеживать и управлять изменениями в коде. Это позволяет командам разработчиков работать параллельно, отслеживать изменения, вносить исправления и сливать код разных веток для создания единого источника правды.
    3. GitHub предоставляет функциональность совместной работы, такую как возможность создания команд и совместный доступ к репозиториям. Это позволяет командам разработчиков эффективно работать над проектами, выполнять задачи, рецензировать код, общаться и совместно решать проблемы.
    4. GitHub является популярной платформой для разработки и распространения открытого программного обеспечения (open-source projects). Множество разработчиков используют GitHub для хранения открытых проектов, общественного сотрудничества и получения обратной связи от сообщества.
    5. Интеграция с другими инструментами: GitHub интегрируется с другими различными инструментами разработки, такими как интеграционные сервисы, системы автоматической сборки, инструменты непрерывной интеграции и развертывания и многие другие. Это позволяет автоматизировать процессы разработки, тестирования и развертывания.

    Для работы с Git можно скачать готовые GUI — наглядные графические интерфейсы для управления репозиторием, например GitKraken или GitHub Desktop. Это отличное решение для новичка, но потом все, как правило, переходят на консоль.

    Сегодня поговорим как раз о том, как можно пользоваться Git из консоли. То есть освоим один из самых популярных способов.

    Как установить Git

    Чтобы использовать команды Git, сперва его нужно поставить на компьютер.

    На iOS он чаще всего идёт из коробки: чтобы найти его, нужно открыть терминал и набрать git —version:

    Если вдруг его у вас нет, можно воспользоваться менеджером недостающих пакетов для macOS — Homebrew. Для установки пропишите в консоли brew install git.

    Узнай, какие ИТ — профессии
    входят в ТОП-30 с доходом
    от 210 000 ₽/мес
    Павел Симонов
    Исполнительный директор Geekbrains

    Команда GeekBrains совместно с международными специалистами по развитию карьеры подготовили материалы, которые помогут вам начать путь к профессии мечты.

    Подборка содержит только самые востребованные и высокооплачиваемые специальности и направления в IT-сфере. 86% наших учеников с помощью данных материалов определились с карьерной целью на ближайшее будущее!

    Скачивайте и используйте уже сегодня:

    Павел Симонов - исполнительный директор Geekbrains

    Павел Симонов
    Исполнительный директор Geekbrains

    Топ-30 самых востребованных и высокооплачиваемых профессий 2023

    Поможет разобраться в актуальной ситуации на рынке труда

    Подборка 50+ бесплатных нейросетей для упрощения работы и увеличения заработка

    Только проверенные нейросети с доступом из России и свободным использованием

    ТОП-100 площадок для поиска работы от GeekBrains

    Список проверенных ресурсов реальных вакансий с доходом от 210 000 ₽

    Получить подборку бесплатно
    Уже скачали 26901

    Чтобы использовать Git на системе Linux, нужно поставить пакет Git. Например, для установки на Ubuntu нужно будет прописать sudo apt install git.

    Если вы используете Windows, потребуется поставить консоль. Выберите нужный файл исходя из разрядности вашей системы и загрузите его:

    После того как скачаете его, запустите установщик:

    Для скорости можно не менять дефолтные настройки и прокликать Next:

    Теперь вы можете использовать на Windows такую же консоль, как и на iOS:

    Все описанные ниже команды будут работать как в терминале на iOS и Linux, так и в Windows.

    Регистрация в Git

    Чтобы воспользоваться сервисом, нужно зайти на сайт GitHub и зарегистрировать нового пользователя. Придумайте имя и пароль, а также введите email, к которому у вас есть доступ:

    Теперь, когда у вас есть свой аккаунт, нужно залогиниться в самой консоли, чтобы связать их.

    Для вас подарок! В свободном доступе до 17.03 —>
    Скачайте ТОП-10
    бесплатных нейросетей
    для программирования
    Помогут писать код быстрее на 25%
    Чтобы получить подарок, заполните информацию в открывшемся окне

    Для этого понадобится выполнить команды в консоли, которые зададут имя пользователя и почтовый ящик.

    git config —global user.name «user-name»

    git config —global user.email email@example.com

    Вместо user-name подставьте логин, который указывали при регистрации. В нашем случае это test-github-04, а вместо email@example.com — адрес вашей электронной почты. В нашем примере — testgithub@gmail.com.

    Если вы всё сделали по инструкции, то при выполнении команды git config —list отобразится ваше имя пользователя:

    Не забудьте верифицировать аккаунт: откройте первое письмо на почте от GitHub и пройдите по ссылке.

    Дарим скидку от 60%
    на курсы от GeekBrains до 17 марта
    Уже через 9 месяцев сможете устроиться на работу с доходом от 150 000 рублей

    Иначе вы не сможете создавать репозитории.

    Как опубликовать первый проект на Git

    Зайдите в ваш профиль: для этого кликните по иконке в правом верхнем углу и нажмите Your Profile:

    Теперь создайте репозиторий: перейдите во вкладку Repositories и кликните по кнопке New:

    Задайте имя репозитория. Мы придумали название проекта test-github и сделали его публичным, чтобы его могли просматривать все пользователи. Далее нажмите кнопку Create repository:

    Пока проект пустой, но мы можем поместить в него наши файлы с локальной машины.

    Будем использовать протокол HTTPS — с ним проще работать с Git, чем с SSH. Подробнее про различия протоколов можно прочитать в документации.
    Github предлагает несколько вариантов создания проекта:

    • клонировать папку по выбранному протоколу;
    • создать проект с нуля — сегодня мы рассмотрим именно этот способ;
    • опубликовать уже созданный проект;
    • скопировать проект.

    Создание проекта с нуля

    При помощи команды cd нужно найти нужную папку. Про часто используемые команды можно прочитать в статье про работу с терминалом.

    Команда echo «# test-github» >> README.md добавляет новый файл в проект. Его также можно создать вручную в папке.

    git init — инициализирует проект. После инициализации создаётся специальная скрытая папка для Git:

    В ней файлы и папки генерируются автоматически. Они нужны для корректной работы Git, никакого дополнительного взаимодействия с этой папкой не предусмотрено:

    git add README.md — добавляет изменённые файлы к коммиту. Также это можно сделать при помощи команды git add . — в таком случае вы добавите не конкретные файлы, а все изменённые, если их много:

    git status поможет проверить, что происходит с изменёнными файлами. В нашем случае, например, файлы не прикреплены к коммиту:

    git commit -m «first commit» добавляет сообщение к коммиту — то, что будет отображаться в истории. В скобках можно указать любой текст. Как правило, в нём кратко описывают, что делали в коммите.

    Только до 11.03
    Скачай подборку материалов, чтобы гарантированно найти работу в IT за 14 дней
    Список документов:

    ТОП-100 площадок для поиска работы от GeekBrains

    20 профессий 2023 года, с доходом от 150 000 рублей

    Чек-лист «Как успешно пройти собеседование»

    Чтобы зарегистрироваться на бесплатный интенсив и получить в подарок подборку файлов от GeekBrains, заполните информацию в открывшемся окне

    Теперь снова посмотрим, что скажет git status. Сейчас он пустой, так как все изменённые файлы мы прикрепили к только что созданному коммиту:

    git log показывает историю коммитов:

    git branch позволяет просмотреть ветки. В нашем примере текущая ветка называется master. Но с 2020 года GitHub выступает за то, чтобы главная ветка называлась main (по политическим причинам) и рекомендует переименовать ветку с помощью команды git branch -M main.

    Команда git remote add origin https://github.com/test-github-04/test-github.git добавляет сервер, где origin — это имя сервера, а url — это адрес.

    У вас может быть несколько удалённых серверов, с которыми работает проект. Проверить добавленные сервера можно командой git remote -v (fetch — откуда забирать, push — куда отправлять изменения).

    git push -u origin main позволяет запушить (отправить) ветку main на сервер origin. Тут вам, скорее всего, потребуется связать приложение и GitHub, повторно залогинившись через браузер.

    И теперь вас можно поздравить с первым опубликованным проектом!

    В следующих статьях мы рассмотрим альтернативные способы публикации проекта и дальнейшее взаимодействие с ним. Если у вас есть идеи, что ещё стоит разобрать в наших гайдах, оставляйте комментарии!

    Инструкция: заливаем проект на GitHub без командной строки

    Автор статей о программировании. Изучает Python, разбирает сложные термины и объясняет их на пальцах новичкам. Если что-то непонятно — возможно, вы ещё не прочли его следующую публикацию.

    GitHub — это облачный сервис, где разработчики хранят файлы и совместно работают над проектами. GitHub взаимодействует с системой контроля версий Git. Сегодня вы узнаете, как он работает. Мы создадим репозиторий, добавим в него файлы проекта, синхронизируем репозиторий с ПК, научимся обновлять файлы, добавлять новые ветки и сливать их в одну.

    Для работы понадобится GitHub Desktop — приложение от GitHub, которое позволяет выполнять необходимые действия без командной строки. Эта статья предполагает, что вы знаете про контроль версий Git. Если нет — рекомендуем почитать об этом, а затем возвращаться к изучению GitHub.

    Шаг 1

    Создаём учётную запись

    Перейдите на сайт github.com, зарегистрируйтесь и верифицируйте адрес электронной почты. Выберите тип аккаунта: публичный или приватный. В публичном аккаунте репозитории видны всем, а в приватном — только тем участникам, которым вы сами открыли доступ. По умолчанию вы переходите на бесплатный тариф, который можно изменить в разделе Pricing. Платные тарифы отличаются повышенной безопасностью, размером хранилища и некоторыми специальными опциями для профессиональной разработки.

    Далее рекомендуем выставить настройки безопасности и заполнить профиль — на GitHub много IT-рекрутеров, которые по информации в профиле набирают кандидатов в проекты. Поставьте фото и ссылки на соцсети, откройте доступ к электронной почте и напишите о себе: расскажите про опыт, специализацию, пройденные курсы, рабочий стек технологий и выполненные проекты. Заполненный профиль повышает вероятность трудоустройства.

    Шаг 2

    Добавляем удалённый репозиторий

    Репозиторий — это файловое хранилище проектов. На бесплатном тарифе можно загружать до 500 МБ данных и создавать неограниченное количество репозиториев.

    Чтобы создать репозиторий, нажмите на кнопку New repository, назовите проект и кликните Create repository. Можно добавить описание проекта, сделать его публичным или приватным и прикрепить технические файлы:

    • README file содержит подробное описание проекта — так другие разработчики узнают, какой репозиторий они смотрят и зачем он нужен.
    • Gitignore позволяет сэкономить место и не заливать на GitHub лишние файлы. Например, можно исключить скрытые файлы Mac OS.
    • License добавляет к коду ссылку на первоисточник и защищает права разработчика. Лицензия позволяет понять, как правильно использовать чужой код и можно ли его свободно внедрять в коммерческие проекты.

    Мы создаём тестовый репозиторий, поэтому обойдёмся без лицензии — выберем только два дополнительных файла: README file и gitignore. Если вы пока не знаете, что писать в README file и что добавлять в gitignore, — оставьте эти файлы пустыми или посмотрите инструкцию в разделе Read the guide.

    В README file отображается краткое описание проекта — сейчас этот файл не важен, поэтому мы не будем менять его описание. Изменим файл gitignore и сделаем так, чтобы он не учитывал служебные папки операционной системы:

    • Переходим на сайт gitignore.io.
    • Добавляем macOS или другую операционку, с которой вы работаете.
    • Жмём Create и получаем нужный служебный файл.
    • Копируем данные и переносим их в файл gitignore на GitHub.

    После редактирования gitignore делаем коммит — записываем в историю проекта факт того, что мы установили ограничение для файлов Mac OS.

    Шаг 3

    Переносим удалённый репозиторий на ПК

    Перейдите на сайт desktop.github.com и скачайте GitHub Desktop — это приложение, которое позволит синхронизировать удалённый репозиторий на GitHub и файлы на вашем компьютере без командной строки терминала:

    • Скачиваем приложение под свою операционную систему.
    • Открываем приложение и проходим авторизацию — нужно указать электронную почту и данные вашего GitHub-аккаунта.
    • Приложение синхронизируется с удалённым репозиторием и предложит выполнить одно из следующих действий: создать новый репозиторий, добавить локальную папку с компьютера в GitHub Desktop или клонировать существующий репозиторий в папку компьютера.

    Мы создали тестовый удалённый репозиторий, поэтому выберем третий вариант — клонировать существующий репозиторий в папку компьютера.

    После клонирования репозитория в рабочем пространстве появятся три вкладки: Current Repository, Current Branch и Fetch origin.

    • Current Repository — раздел позволяет переключаться между несколькими репозиториями, отслеживать невнесённые изменения (вкладка Changes) и смотреть историю коммитов (вкладка History).
    • Current Branch — раздел позволяет переключаться между несколькими ветками проекта.
    • Fetch origin — раздел обновляет внесённые изменения и синхронизирует файлы локального и удалённого репозитория.

    Обратите внимание на раздел Current Repository и вкладку Changes. В левом нижнем углу есть окно для добавления коммитов и комментариев — это означает, что вы можете записывать каждый шаг, не посещая сайт GitHub.

    На скриншоте первый коммит технический, он указывает на то, что мы создали репозиторий. Второй коммит наш — им мы редактировали файл gitignore. История хранит все коммиты, и мы можем вернуться к любому из них. Это страховка от непредвиденных случаев

    Шаг 4

    Добавляем новые файлы на ПК и переносим их в удалённый репозиторий

    Папка с файлами нашего репозитория хранится на рабочем столе. Чтобы продолжить работу, откроем проект в редакторе кода: можно выбрать любую программу, и GitHub Desktop предлагает воспользоваться Atom.

    Выбор редактора кода — дело вкуса. Мы будем работать с репозиторием в Visual Studio Code — это бесплатный редактор от компании Microsoft.

    Создадим HTML-файл, добавим базовую структуру и посмотрим на боковое меню — HTML-файл подсвечен зелёным цветом. Это означает, что в проекте появились изменения и они ещё не добавлены в репозиторий на GitHub.

    Переходим в GitHub Desktop — созданный HTML-файл появится во вкладке Changes. Для его сохранения пишем коммит и переходим во вкладку History для просмотра изменений. Если изменения сохранились, нажимаем на Push origin и отправляем изменения в удалённый репозиторий.

    Шаг 5

    Создаём новую ветку и добавляем в проект внесённые изменения

    Добавим к проекту пустой CSS-файл и подключим его к HTML. После этого в меню редактора появятся два цвета: HTML-файл подсветится оранжевым, а CSS-файл — зелёным. Оранжевый означает, что файл уже есть в удалённом репозитории и его нужно обновить. Зелёный — файла нет в репозитории. Переходим в GitHub Desktop и добавляем коммит для этого изменения.

    Если мы откроем созданную страницу в браузере, то это будет несколько строчек текста на белом фоне. Представим такую ситуацию: нам нельзя изменять код проекта, но нужно посмотреть, как будет выглядеть страница на красном фоне. Чтобы сделать это — добавим в репозиторий новую ветку:

    • Переходим в GitHub Desktop.
    • Открываем раздел Current Branch, нажимаем кнопку New Branch, пишем название новой ветки и кликаем Create New Branch.
    • Возвращаемся в редактор кода и тестируем идею.

    После создания новой ветки не забудьте нажать на Push origin, чтобы изменения попали в удалённый репозиторий на сайте GitHub.

    Предположим, наша идея с красным фоном оказалась удачной и код нужно залить в основную ветку. Чтобы это сделать, переходим сайт GitHub, нажимаем кнопку Сompare & pull request и подтверждаем изменения кнопкой Merge pull request. Последний шаг — переходим в GitHub Desktop, кликаем Fetch origin и синхронизируемся с удалённым репозиторием. Теперь код из дополнительной ветки попал в основную, а изменения есть на ПК и в облаке.

  • Добавить комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *