Мінімалістичний блог на Hugo за 30 хвилин

whitetrd · 27.02.2026 · 1 min read

Чому Hugo

• Збірка за мілісекунди (Go-based)
• Zero JavaScript у фінальному HTML
• Markdown → HTML без складних пайплайнів
• Безкоштовний хостинг на Cloudflare Pages / Vercel / Netlify

Дизайн-принципи

Весь стиль — 60 рядків CSS:

body {
  font-family: monospace;
  max-width: 600px;
  margin: 0 auto;
}

a { color: #0000EE; }
a:visited { color: #551A8B; }

Monospace шрифт + 600px + сині лінки = ретро-хакерська естетика.

Dark mode

Одна CSS media query:

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #212121;
    --fg: #d1d5db;
  }
}

Браузер автоматично переключає тему.

Деплой

# Build
hugo

# Deploy to Cloudflare Pages
git push  # auto-deploy on push

Результат: статичний сайт без JavaScript, з dark mode, RSS, SEO — і все це безкоштовно.