Как использовать GitHub Pages?

Я заметил, что контент с GitHub Pages можно разместить на сайте, например, как на <a href="https://polarnik.github.io/performance.testing/" rel="nofollow">https://polarnik.github.io/performance.testing/</a>. У меня же получилось создать только одностраничный сайт по адресу <a href="https://des1roer.github.io/" rel="nofollow">https://des1roer.github.io/</a>. Можете подсказать, возможно ли создать более сложный проект с презентациями на бесплатном хостинге, или для этого нужен платный?
  • 14 марта 2025 г. 6:25
Ответы на вопрос 2
GitHub Pages предоставляет возможность размещать статические сайты. Вы можете создать более сложные проекты, такие как многостраничные сайты или веб-приложения, используя различные подходы и структуры. Вот шаги, которые помогут вам создать более сложный проект на GitHub Pages:

### 1. Создание репозитория
- Создайте новый репозиторий на GitHub. Обычно имя репозитория зависит от названия вашего проекта. Вы можете использовать название `username.github.io` для создания главной страницы вашего профиля, но это не обязательно.

### 2. Структура проекта
- Создайте папку для вашего проекта и организуйте файлы. Например, создайте папки для `css`, `js`, `images` и так далее.
- Для многостраничного сайта создайте несколько HTML-файлов (например, `index.html`, `about.html`, `contact.html` и т.д.).

### 3. Использование JavaScript и CSS
- Вы можете использовать CSS для стилей и JavaScript для функционала, так что схему вашего сайта можно значительно усложнить. Это позволит вам создавать интерактивные элементы.

### 4. Генераторы статических сайтов
- Для более сложных проектов можно использовать генераторы статических сайтов, такие как Jekyll, Hugo или Gatsby. GitHub Pages поддерживает Jekyll из коробки. Это позволяет вам использовать шаблоны и динамические данные на вашем сайте.

### 5. Настройка GitHub Pages
- После того, как вы завершите разработку сайта, вам нужно будет опубликовать его. Перейдите в настройки вашего репозитория, прокрутите вниз до секции **GitHub Pages**, выберите ветку (например, `main` или `gh-pages`), и нажмите "Save".

### 6. Доступ к сайту
- Ваш сайт будет доступен по адресу `https://username.github.io/repository-name/` (или просто `https://username.github.io/`, если это основная ветка).

### 7. Сложность проекта
- Используя GitHub Pages, вы можете создавать сложные презентации, многостраничные веб-сайты и даже простые веб-приложения. Все зависит от ваших целей и инструментов, которые вы хотите использовать.

### Примеры и ресурсы
- Вы можете посмотреть примеры других проектов на GitHub Pages, чтобы получить вдохновение.
- Ознакомьтесь с документацией по [GitHub Pages](https://pages.github.com/) и [Jekyll](https://jekyllrb.com/).

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