Добавляет рецепт «Как редактировать файлы на GitHub» (#4731)

* Добавляет рецепт «Как редактировать файлы на GitHub»

* Добавляет рецепт в индекс

* Принимает правки @skorobaeus

Co-authored-by: Svetlana Korobtseva <wizzzjer@gmail.com>

* Принимает правки @TatianaFokina

Co-authored-by: Tatiana Fokina <fokinatatian@gmail.com>

---------

Co-authored-by: Svetlana Korobtseva <wizzzjer@gmail.com>
Co-authored-by: Tatiana Fokina <fokinatatian@gmail.com>

recipes/github-editing-files-in-browser/index.md

@@ -0,0 +1,38 @@
+---
+title: "Как редактировать файлы на GitHub"
+description: "Иногда возникают ситуации, когда нет доступа к редактору. Редактируйте файлы прямо на GitHub."
+authors:
+  - igsekor
+related:
+  - tools/version-control
+  - tools/git-cli
+  - tools/github-actions
+tags:
+  - article
+---
+
+## Задача
+
+Нет доступа к редактору или любимой IDE (Integrated Development Environment — интегрированная среда разработки), надо что-то срочно подправить в репозитории на GitHub.
+
+## Готовое решение
+
+Есть два пути. Первый и самый простой — выбрать нужный файл в репозитории, кликнуть по нему и на открывшейся странице нажать кнопку редактирования (с иконкой с карандашом). Кнопка находится в блоке с информацией о файле и другими элементами для работы с ним. Слева в боковом меню можете найти все файлы и папки репозитория. Чтобы быстро найти нужный файл или переместиться по дереву папок, используйте поле поиска в начале блока рядом с выбранной веткой.
+
+![Просмотр файлов репозитория. Описание выше.](images/file-view.png)
+
+В режиме редактирования, если это файл в формате Markdown, можно переключаться между редактором и предварительным просмотром кнопками «Edit» и «Preview». Они находятся рядом с полем для изменения названия файла.
+
+Когда закончили редактирование, сохраните изменения с помощью коммита. Для этого нажмите на кнопку «Commit changes…» справа вверху. Кнопка тоже находится рядом с названием файлах. Если решили отменить изменения, нажмите на соседнюю кнопку «Cancel changes».
+
+![Редактирование файла в браузере. Описание выше.](images/file-editing.png)
+
+Второй способ — загрузить в браузер веб-версию редактора VS Code. Чтобы открыть редактор, нажмите клавишу <kbd>></kbd> (угловая закрывающая скобка) на клавиатуре в английской раскладке. Для этого вы должны быть на основной (первой) вкладке репозитория «Code».
+
+![Вкладки репозитория. Описание выше.](images/repo-tabs.png)
+
+Редактирование в IDE практически ничем не отличается от десктопной версии редактора, однако полноценно запустить код не получится. Для этого нужно оплатить использование [Codespaces](https://docs.github.com/en/codespaces/overview) на GitHub. Если можете внести изменения без запуска сборки, это удобный способ редактирования. В веб-версии VS Code работают стандартные горячие клавиши редактора.
+
+Интерфейс редактора выглядит так же, как десктопный. Есть боковое меню — со вкладками для поиска, плагинами, файлами проекта, ветками и так далее. В основной части экрана находится окно для редактирования файлов и панель вкладок с открытыми документами. Внизу, после основной части экрана, находится консоль со вкладками «Problems», «Output», «Terminal» и «Comments».
+
+![Редактор Visual Studio Code в браузере. Описание выше.](images/vs-code-in-browser.png)

recipes/index.md

@@ -23,6 +23,7 @@ groups:
       - github-choose-license
       - github-add-user-to-repo
       - github-new-pull-request
+      - github-editing-files-in-browser
       - github-new-issue
       - github-add-readme
   - name: 'Рутина'