Завантаження проекту на GitHub

Raisa Kravets -

 


GitHub – це сховище коду. Окрім цього GitHub надає безкоштовний хостинг для статичних файлів. Цей сервіс називається GitHub Pages. 

Сторінки, розміщені на GitHub Pages, можуть бути доступні на їхньому домені (наприклад, https://guides.hexlet.io/) або на домені другого рівня

Алгоритм дій по ствренню репозиторію:

  1. Зареєструйтесь на https://github.com/, якщо ви ще не зробили цього. 
  2. Створіть новий репозиторій з ім'ям username.github.io, де username – ваш нік на GitHub. 
Репозиторій - це сховище  файлів веб-проекту. Ім'я репозиторію варто обрати таке, яке б точно описувало вміст репозиторію


Створіть новий файл. Коли репозиторій не порожній, то у верхньому правому куті є кнопка Create New File, але зараз, коли ще немає жодного файлу, створити перший можна за прямим посиланням https://github.com/username/username.github.io/ new/master, де username – ваш нік.

Завантажте з свого проекту на ПК файл  index.html 

Натисніть кнопку "Commit new file". 

Якщо потрібно у репозиторії  створити папку з файлами, необхідно виконати такі дії:

- обрати в репозиторії кнопку Add file => Create new file

- у полі ввести назву папки (наприклад CSS),  додати слеш / і ввести імя  файлу (наприклад style.css)


- нижче вставити скопійований код файлу з  проекту на ПК

- підтвердити створення папки з файлом

-  результат буде таким:


Для завантаження папки з зображеннями проекту,  потрібно виконати такі дії:

- обрати в репозиторії кнопку Add file => Create new file
- ввести  ім'я папки (наприклад  img) і слеш /
- далі потрібно повідомити GitHub про створення  пустого файлу, такий файл  повинен мати назву .gitkeep - цю назву і потрібно ввести після імені папки img
- підтвердити створення файлу
- а далі знову кнопка Add file => Upload files
- Перетянути з папки проекту  файли зображень


Для публікації проекту в мережі інтернет, щоб  могли переглядати всі бажаючі, потрібно виконати налаштування:

- У налаштуваннях репозиторію обрати Settings -> Розділ Options -> Секція GitHub Pages. 

- Сформується  посилання на репозиторій з файлами проекту, це посилання потрібно скопіювати


- далі натиснути на посилання <Code> 

- обрати  кнопку налаштування свого репозиторію


- вставити скопійоване посилання у вікні

-  підтвердити зміни  налаштувань
- тепер це посилання  доступне для перегляду в Інтернеті


За кілька хвилин сторінка стане доступна за вашою адресою https://username.github.io

Tags:
Нові Старіші