Как создать простой веб-сайт для своего проекта - GitHub.

Это уже третий пост по ИБД — «имитации бурной деятельности» в сети. Были уже аудиокнига и буктрейлер на ютубе. Он, кстати, получился очень красивым — спасибо иллюстрациям от ChatGPT и Canva. Теперь — про сайт проекта "Эксперимент".

https://thesnailshell.github.io/experiment/index.html Время самодостаточных сайтов для писательских проектов, видимо, давно ушло. Теперь авторские сайты используются в основном как площадки для продажи книг или, в лучшем случае, дают какую-то полезную информацию посетителю. Основная пользовательская активность переместилась в социальные сети и на сайты, которые частично выполняют их функции. Тот же АТ — для писателей это и форум, и блог, и место, где можно излить душу.Но тут важно разделять две вещи: сайт как способ привлечения аудитории и сайт как собственная площадка автора. Я в основном буду говорить о последнем варианте — именно он мне близок.Как массовый канал привлечения читателей сайт действительно утратил прежнее значение. Раньше человек мог искать автора через Google, заходить на его сайт, читать новости, смотреть галерею. Теперь значительная часть общения и распространения контента переместилась на платформы: Telegram, TikTok, YouTube, VK и другие. Там уже есть аудитория, рекомендации и механизмы распространения.

Но сайт проекта всё ещё может быть полезен. Например, как визитная карточка автора. Или как единое место, где собраны книга, главы, иллюстрации, аудио и видео. И самое главное — как собственная территория автора. Платформа может изменить правила, алгоритмы или даже исчезнуть, а сайт, содержимое которого ты контролируешь, можно перенести на другой хостинг.

Кроме того, есть дополнительные «плюшки»: сайт может служить доступным архивом проекта или контейнером для хранения материалов в связанной структуре, чтобы не полагаться на ленту публикаций.

Или стать финальной «точкой назначения». Из того же YouTube или Telegram можно привести заинтересованного человека на сайт, где он сможет спокойно познакомиться с проектом.

Поэтому я бы сказал так: сайт перестал быть главным входом к автору, но не перестал быть хорошим домом для его проекта.

Я выбрал GitHub. Почему, спросите вы? Потому что я живу в современных реалиях! Я просто спросил у ChatGPT: «How!?», а он ответил: «Know How!».

Поэтому мой "авторский" сайт для ЛитРПГ «Эксперимент» размещён именно там. Ему необязательно собирать тысячи посещений. Достаточно, чтобы заинтересованный читатель мог попасть туда и получить целостное представление о книге. А я могу просмотреть или показать все материалы любому заинтересованному собеседнику — где угодно и на чём угодно. Ну, в смысле — и на ПК, и на телефоне.

Ниже — короткая инструкция по созданию сайта на GitHub. Это труднозатратно, но возможно кому-нибудь будет интересно Поймите меня правильно: веб-дизайн — это серьёзная работа, которую не сделаешь за полчаса. Даже с помощью ИИ. Поэтому здесь я приведу только основные шаги. Если вам интересны детали — спрашивайте меня или ИИ. Я могу поделиться исходным HTML-кодом — это совсем не секрет.

Никакой Java! Только HTML и CSS. И всего один небольшой скрипт (Java) на весь сайт!

***

Начнём. Хм... С пояснений.

Это простейший статический сайт — без базы данных, регистрации пользователей и комментариев. За этим — добро пожаловать на Author.Today - тут всё это есть. Ссылки на наш ресурс на моём сайте везде есть.

Важно, что GitHub Pages предоставляет бесплатный хостинг для сайтов такого типа. При желании можно подключить и собственный домен. Но зачем, если для начала вполне достаточно бесплатного адреса?

Важно! Первое: всё делается через веб-интерфейс GitHub. Второе: репозиторий должен быть публичным, если используется бесплатный тариф GitHub для личного аккаунта.

Итак, как создать собственный сайт на GitHub?

Создать простой сайт для своей книги, литературного проекта или авторской страницы можно бесплатно. Для этого и нужен GitHub Pages. Специальные знания программирования не обязательны, хотя желательно иметь хотя бы общее представление об HTML.

Шаг 1. Создаём аккаунт на GitHub Заходим на GitHub. Регистрируемся, если у вас ещё нет аккаунта. Подтверждаем адрес электронной почты. Шаг 2. Создаём репозиторий Репозиторий — это место, где будут храниться файлы вашего сайта. Нажимаем кнопку New repository. Придумываем название. В моём случае — experiment. Выбираем режим Public. Нажимаем Create repository. Если создаётся пустой репозиторий, при добавлении файлов нужно убедиться, что они находятся в корневой папке, а не во вложенной. И особенно важно, чтобы index.html лежал именно там. Шаг 3. Добавляем файлы сайтаДля простого сайта достаточно двух основных файлов: index.html — главная страница, содержание и структура сайта; style.css — оформление: цвета, шрифты, размеры, расположение элементов. При необходимости добавляем папки для изображений, текстов, видео и других материалов.Файлы можно создавать и редактировать прямо на GitHub, используя кнопку Add file и пункт Create new file. Для загрузки готовых файлов есть пункт Upload files.

Моя текущая структура уже довольно развита, но совсем не сложна. Тут есть cтартовая страница и связанные с ней страницы подсекций: тексты, видео и иллюстрации. Там собраны все материалы, созданные для проекта. Кроме видео - оно слишком объёмно для GitHub.

Содержимое index.html, а особенно style.css, может показаться неподготовленному пользователю китайской грамотой. Но не пугайтесь! Возьмите готовые файлы у меня или попросите ИИ подготовить их. Это техническая часть, которую вполне можно делегировать.

Шаг 4. Включаем GitHub Pages

Теперь нужно опубликовать сайт.

1. Открываем раздел Settings репозитория.
2. В меню слева выбираем Pages.
3. В разделе Build and deployment выбираем источник Deploy from a branch.
4. В качестве ветки указываем main, папку — / (root).
5. Нажимаем Save.

Шаг 5. Получаем адрес сайта

GitHub Pages автоматически соберёт и опубликует сайт. Это может занять несколько минут. Это важно - GitHub никогдане реагирует мгновенно. Иногда проходит пара минут до обновления. Иногда больше. 

В разделе Settings → Pages появится ссылка на опубликованный сайт. Обычно она имеет вид:

https://имя-пользователя.github.io/имя-репозитория/

У меня это https://thesnailshell.github.io/experiment/index.html

Открываем ссылку — и проверяем результат! Важно - изменения могут происходить с минутной задержкой. Обновляёте страницу браузера с помощью Ctrl+F5.

Шаг 6. Развиваем сайт

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

Для изменения сайта достаточно отредактировать соответствующие файлы в репозитории и сохранить изменения кнопкой Commit changes. После этого GitHub Pages автоматически обновит опубликованную версию.

***

Сайт и инструкция по его созданию подготовлены с помощью ChatGPT.