Пишу статью для всем известного журнала на букву ][ и внезапно понял, что не все знают о том, что сейчас создать свой сайт и разместить его может быть очень просто и абсолютно бесплатно.

Например, можно разместить статический сайт на Amazon S3 или Cloudflare Pages. Недавно я перевез свой блог с гугловской платтформы blogger.com на GitHub Pages и хочу показать как это делается.

GitHub умеет делать сайты из любого репозитория. Адресом сайта будет username.github.io или username.github.io/reponame. То есть на одном аккаунте может хоститься несколько сайтов.

Для размещения сайта на GitHub Pages нужно залить в репозиторий файлы сайта. Достаточно одного index.html. И в настройках репозитория во вкладке Pages выбрать ветку, из которой будут браться файлы. В общем случае это ветка main.

Дальше можно подключить к сайту кастомный домен, чтобы сайт открывался по адресу https://bubnovd.net , вместо https://bubnovd.github.io и поставить галочку Enforce HTTPS для публикации сайта по https.

У гитхаба есть подробная инструкция как это делается.

#website #github

В дополнение к предыдущему посту

Сложные динамические сайты нужны далеко не всем. К примеру, сайт-визитка не требует гостевой книги или формы заказа, а значит ему не нужна база данных и динамический контент вместе с его обработчиком.

Раньше для создания и поддержки статических сайтов требовалось знание HTML, CSS, JavaScript. Сегодня это вовсе не обязательно, хотя знание этих технологий точно не сделает админу хуже. Есть целый пласт продуктов - генераторов статических сайтов.

Это генераторы, которые создают красивый современный сайт из шаблонов. Содержимое сайта описывается простым синтаксисом в HTML или Markdown. Из этих файлов в соответствии с шаблонами генератора формируются HTML и CSS файлы, которые, собственно, и открываются браузером клиента.

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

Примеры таких генераторов:

- Hugo: Написан на Go. В качестве шаблонов использует Go Template. Легко настраивается, очень быстро генерирует сайт. Не требует зависимостей - всего один бинарник. Его я использую для своего блога

- Jekyll: Написан на Ruby. Шаблоны Liquid. Один из первых генераторов статических сайтов с огромным комьюнити. Хорошо оптимизирован для SEO

- Gatsby: Написан на JavaScript, шаблоны React. Для работы требует GraphQL. Позволяет делать PWA - Progressive Web Application. Огромное количество плагинов

- Lektor
- Nuxt
- Zola
- Eleventy
- Pelican

#website #generator