Що таке Look Scanned?

Look Scanned — це легкий веб-додаток, що імітує ефекти сканованих PDF. Створений із повагою до приватності, він дозволяє розробникам, дизайнерам та усім бажаючим додавати автентичні ефекти сканування до PDF без потреби у фізичному обладнанні.

Чому Hugo?

Після оцінки кількох генераторів статичних сайтів для блогу Look Scanned, ми обрали Hugo з таких переконливих причин:

  1. Блискавична швидкість - Побудований на Go, Hugo забезпечує неймовірну швидкість збірки
  2. Дружній до розробників - Проста конфігурація з інтуїтивною кривою навчання
  3. Багата екосистема тем - Великий набір красивих, кастомізованих тем
  4. Жвава спільнота - Активна підтримка спільноти та вичерпна документація
  5. Першокласна I18n - Вбудована підтримка інтернаціоналізації

Покроковий посібник з налаштування

Встановлення Hugo

Для користувачів macOS (через Homebrew):

brew install hugo

Для користувачів Windows (через Chocolatey):

choco install hugo-extended

Для користувачів Linux дивіться посібник з встановлення тут.

Створення нового сайту

Налаштуйте ваш сайт Hugo за допомогою цих команд:

hugo new site lookscanned-blog
cd lookscanned-blog

Додавання теми

Встановіть тему PaperMod як git субмодуль:

git init
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod

Оновіть ваш config.toml:

theme = "PaperMod"

Налаштування інтернаціоналізації

Додайте багатомовну підтримку до вашого config.toml:

defaultContentLanguage = 'en'
defaultContentLanguageInSubdir = false

[params]
  displayFullLangName = true

[languages]
  [languages.en]
    languageCode = 'en'
    languageName = 'English'
    title = 'Look Scanned Blog'
  [languages.zh]
    languageName = '简体中文'
    title = 'Look Scanned 博客'
  [languages.zh-tw]
    languageCode = 'zh-TW'
    languageName = '繁體中文'
    title = 'Look Scanned 部落格'
  # Додаткові мови...

Створення контенту

Створіть ваш перший пост у блозі:

hugo new posts/build-blog-using-hugo/index.uk.md

Запуск сервера розробки

Запустіть локальний сервер розробки:

hugo server -D

Відвідайте http://localhost:1313 для перегляду вашого сайту.

Варіанти розгортання

Розгорніть ваш сайт Hugo без зусиль за допомогою GitHub Actions:

  1. GitHub Pages

    • Створіть репозиторій GitHub
    • Завантажте ваш сайт Hugo
    • Увімкніть GitHub Pages в налаштуваннях репозиторію
    • Налаштуйте GitHub Actions для автоматичного розгортання

  2. Cloudflare Pages

    • Підключіть ваш репозиторій GitHub
    • Встановіть команду збірки як hugo
    • Налаштуйте директорію публікації як public

Кастомізація теми

Ми оптимізували користувацький інтерфейс, видаливши перемикач мов з заголовка сайту. Наші модифіковані файли теми ви можете знайти тут.

Висновок

Hugo забезпечує виняткову основу для створення особистого блогу. Його поєднання швидкості, гнучкості та вичерпної документації робить його відмінним вибором для розробників будь-якого рівня навичок. Коли ви більше ознайомитеся з Hugo, ви відкриєте потужні функції для створення справді унікального досвіду ведення блогу.

Ресурси