Как правильно прописать путь к стилям, чтобы загрузить страницу в гит-хаб страницы?

от
prokoding.ru > HTML > Как правильно прописать путь к стилям, чтобы загрузить страницу в гит-хаб страницы?

Для того чтобы правильно прописать путь к стилям и загрузить страницу на GitHub Pages, необходимо следовать определенным шагам.

  1. Создайте репозиторий на GitHub для вашего проекта. Назовем его, например, "my-awesome-website".
  1. В корневой директории вашего проекта создайте папку с названием "css" (или любым другим удобным вам названием), в которой будут храниться ваши CSS файлы. Например, "styles.css".
  1. В вашем HTML файле, который будет находиться в корне проекта, вам нужно подключить этот CSS файл. Для этого используйте тег link внутри тега head:
<link rel="stylesheet" type="text/css" href="css/styles.css">

Предполагается, что ваш HTML файл и папка "css" находятся в одной директории.

  1. После того как вы загрузите свои файлы на GitHub в ветку master или main, настройте GitHub Pages для этого проекта. Для этого зайдите в настройки репозитория, выберите раздел Pages, в Source выберите ветку и папку, где лежит ваш HTML файл (обычно это root), и нажмите Save.
  1. После того как GitHub Pages будет активирован, ваш сайт будет доступен по адресу https://username.github.io/my-awesome-website/, где username - ваш никнейм на GitHub.

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