Как бесплатно выложить свою личную страницу на GitHub Pages?
Сделал у себя на компе сайт-визитку (HTML + CSS), он лежит в папке и открывается двойным кликом. Теперь хочу дать на него ссылку друзьям, чтобы они открыли в интернете. Слышал, что GitHub Pages бесплатный. Как туда залить свой сайт? Я раньше с гитом почти не работал.
2 ответа
GitHub Pages — самый простой бесплатный хостинг для статичных сайтов (HTML/CSS/JS). По шагам:
- Зарегистрируйся на github.com.
- Создай новый репозиторий, назови его, например,
my-site, поставь галку «Add a README». - На странице репозитория нажми Add file → Upload files и перетащи туда свои
index.html,style.cssи картинки. Commit. - Зайди в Settings → Pages. В разделе Source выбери ветку
mainи папку/ (root), сохрани. - Через минуту наверху появится ссылка вида
https://твойлогин.github.io/my-site/— это и есть твой сайт в интернете.
Важно: главный файл должен называться именно index.html, иначе откроется список файлов вместо страницы. Через веб-интерфейс гит знать необязательно — всё мышкой. Позже научишься делать то же через git push, но для старта загрузки файлов хватает.
Частая засада: если ссылка открывается, но без стилей и картинок — почти всегда виноваты пути. На GitHub Pages регистр важен: Style.css и style.css — это разные файлы, а на Windows локально работало одинаково. Пиши имена файлов и пути в коде ровно так же, как они названы реально, и используй относительные пути (style.css, а не C:\Users\...).