Как создать блог

Дарья Матвеева · July 19, 2023

Здравствуйте! В этом посте расскажу, как создавала этот блог.

GitHub Pages - это бесплатный хостинг от GitHub для хранения статических сайтов. Чтобы использовать его, необходимо иметь аккаунт на GitHub. Я использовала Jekyll - генератор статических сайтов. Он сам собирает html-страничку, нужно лишь создать markdown файл с текстом поста, а также обновить метаданные, такие как ваше имя, название блога и описание.

Сначала расскажу, как запустить блог и написать первую статью, используя только возможности GitHub в браузере.

Потом можно будет скачать и собирать проект локально, чтобы отлаживать блог и не делать лишние коммиты из-за, например, орфографических ошибок. Каждый раз, когда вы вносите изменения в свой репозиторий, происходит сборка, а для сайтов GitHub Pages установлено ограничение в 10 сборок в час.

Шаг 1.

Войдите в свой аккаунт на Github и откройте репозиторий https://github.com/barryclark/jekyll-now. Форкните репозиторий, и переименуйте, используя имя в формате вашлогинgithub.github.io.

1. images/how_to_create_blog/img_1.png
2. images/how_to_create_blog/img_2.png

Перейдем на сайт https://daryamatveeva.github.io/, и увидим, что пока он не запущен.

3. images/how_to_create_blog/img_3.png

Шаг 2.

Попробуем инициировать сборку, внеся изменения в _config.yml. Обновляем название блога, описание, и адрес электронной почты для связи.

4. images/how_to_create_blog/img_4.png

Комитим изменения.

5. images/how_to_create_blog/img_5.png

Сайт собрался сразу и теперь доступен! Но вообще, сборка может занимать до 10 минут.

6. images/how_to_create_blog/img_6.png

Шаг 3.

Создадим первый пост. Для этого редактируем файл /_posts/2014-3-3-Hello-World.md . Я использовала подсказку по стилям в Markdown.

7. images/how_to_create_blog/img_7.png

Смотрим изменения на сайте.

8. images/how_to_create_blog/img_8.png

Шаг 4.

Создаем новые посты в репозитории. Для этого нажимаем иконку + в папке /_posts/ .

9. images/how_to_create_blog/img_6_5.png

Имя файла должно быть в формате год-месяц-день-название-поста.md . А также необходимо добавлять блок front-matter в начало поста.

10. images/how_to_create_blog/img_7_5.png

Шаг 5.

Ура, блог запущен!

Источники:

  • https://github.com/barryclark/jekyll-now
  • https://docs.github.com/ru/pages/getting-started-with-github-pages/about-github-pages

VK, Telegram