Hugo и тема Hermit-V2: современный блог с нуля
Статические генераторы сайтов, такие как Hugo, уверенно конкурируют с классическими CMS вроде WordPress, особенно если нужен быстрый, безопасный и простой в поддержке сайт.
В этой статье я разберу плюсы и минусы Hugo, расскажу о теме Hermit-V2, а также даду полную инструкцию по установке на Ubuntu 22.04 с учётом нюансов.
Чем отличается Hugo и почему это удобно
Преимущества Hugo:
Молниеносная скорость: генерация даже больших сайтов занимает секунды. На сервере отсутствует процесс обработки PHP/SQL — выдаётся только статика.
Безопасность: взломать сайт, не имеющий базы данных, почти невозможно. Не нужны патчи для защиты админки и сложных плагинов.
Минимальные требования: Hugo не требует ни базы данных, ни сложной серверной логики. Всё, что нужно — хостинг любой сложности (CDN, VPS, даже бесплатные Pages-сервисы).
Масштабируемость: сайт будет быстро работать и под нагрузкой — нагрузки лишь на отдачу файлов.
Многоязычность и SEO-настройки из коробки.
Темы и кастомизация: существует большое количество тем, в том числе Hermit-V2 — современная, минималистичная, под блог или портфолио.
Недостатки Hugo и SSG подхода:
Нет динамики без внешних сервисов: поиску, комментариям, логину и другим интерактивным функциям придётся подключать сторонние модули или реализовывать прокси через backend.
Необходимость пересборки: при каждом изменении содержания сайт нужно пересобирать и снова выкладывать (автоматизируется, но требует понимания процесса деплоя).
Порог входа: для абсолютных новичков командный интерфейс и структура файлов могут быть непривычны, особенно если до этого работали только с визуальными CMS.
Тема Hermit-V2
Простой способ подключить аналитику, соцсети, favicon и SVG-иконки.
Подготовка VPS и установка Hugo + Hermit-V2 на Ubuntu 22.04 VPS и домен — предполагается, что всё уже куплено и подключено (VPS и доменное имя).
- Установка зависимостей
sudo apt update && sudo apt upgrade -y
sudo apt install git curl -y
- Установка Hugo (extended-версия!)
wget https://github.com/gohugoio/hugo/releases/latest/download/hugo_extended_0.151.2_Linux-64bit.deb
sudo apt install ./hugo_extended_0.151.2_Linux-64bit.deb
hugo version
- Создание проекта и темы
hugo new site mysite
cd mysite
git init
git submodule add -b main https://github.com/1bl4z3r/hermit-V2 themes/hermit-v2
- Настройка параметров
В файле
config.toml
укажите, как минимум:
baseURL = "https://404-page.ru/"
theme = "hermit-v2"
И при необходимости скопируйте пример из пакета темы или документации.
https://github.com/1bl4z3r/hermit-V2?tab=readme-ov-file
- Создание страниц и постов
hugo new posts/plesen.md # создаёт post (проверь, чтобы был draft: false)\n
hugo new about.md # страница "О сайте", если нужно
Заполните нужные файлы своим контентом.
- Сборка сайта
hugo
В каталоге public/
появится вся статика.
- Настройка веб-сервера (например, nginx)
server {
server_name 404-page.ru;
root /home/username/mysite/public;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
Не забудьте получить сертификаты Let’s Encrypt для безопасности и разрешить доступ через HTTPS.
Советы и нюансы Для правильной работы SCSS/Sass требуется версия hugo_extended — обычная не подойдёт!
Если используете git submodule для темы — не забывайте команду git submodule update –remote для обновления темы.
Контент без тега draft: false не будет опубликован!
Любые дополнительные CSS/JS можно подключать через настройки темы (custom_css, custom_js), кладя файлы в static или assets.
Заключение
Hugo с темой Hermit-V2 отлично подходит для блогов, минималистичных сайтов и портфолио, если вам важна скорость, надёжность и легкость поддержки. Преимуществ у такого решения значительно больше, чем компромиссов — и миграция с WordPress или самописных скриптов на Hugo занимает всего несколько дней даже для новичков.
Если появятся вопросы или захочется добавить динамику (комментарии, чат, подписки) — это решается через внешние сервисы, а сам сайт останется быстрым и максимально простым для обслуживания.