HUGO

  • Новости
  • Документация
  • Темы
  • Витрина
  • Сообщество
  • GitHub
  • Telegram
Star

Что на этой странице

  • Шаг 1. Установка Хьюго
  • Шаг 2. Создание нового сайта
  • Шаг 3: Добавление темы
  • Шаг 4: Добавление контента
  • Шаг 5: Запуск сервера Хьюго
  • Шаг 6: Настройка темы
    • Конфигурация сайта
    • Шаг 7. Создание статических страниц
GETTING STARTED

Быстрый старт

Создайте сайт Hugo, используя красивую тему Ananke.

В этом кратком руководстве в примерах используется macOS. Инструкции по установке Hugo в других операционных системах смотрите в разделе установка.

Для запуска этого руководства рекомендуется установить Git.

Для других подходов к изучению Хьюго, таких как книга или видеоурок, обратитесь к странице внешние ресурсы обучения.

Шаг 1. Установка Хьюго

Homebrew и MacPorts, менеджеры пакетов для macOS, могут быть установлены с brew.sh или macports.org соответственно. Смотрите установку, если Вы используете Windows и т.д.

brew install hugo
# или
port install hugo

Чтобы проверить новую установку:

hugo version

Шаг 2. Создание нового сайта

hugo new site quickstart

Вышеупомянутый создаст новый сайт Hugo в папке с именем quickstart.

Шаг 3: Добавление темы

Смотрите themes.gohugo.io для получения списка тем для рассмотрения. В этом кратком руководстве используется красивая тема Ananke.

Сначала загрузите тему с GitHub и добавьте ее в каталог themes Вашего сайта:

cd quickstart
git init
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

Примечание для пользователей, не использующих git:

  • Если у Вас не установлен git, Вы можете скачать архив последней версии этой темы по ссылке: https://github.com/budparr/gohugo-theme-ananke/archive/master.zip
  • Извлеките этот файл .zip, чтобы получить каталог “gohugo-theme-ananke-master”.
  • Переименуйте этот каталог в “ananke” и переместите его в каталог “themes/”.

Затем добавьте тему в конфигурацию сайта:

echo 'theme = "ananke"' >> config.toml

Шаг 4: Добавление контента

Вы можете вручную создавать файлы содержимого (например, как content/<CATEGORY>/<FILE>.<FORMAT>) и предоставлять в них метаданные, однако Вы можете использовать команду new, чтобы сделать несколько вещей за Вас (например, добавить заголовок и дату):

hugo new posts/my-first-post.md

Если хотите, отредактируйте только что созданный файл содержимого, он будет начинаться примерно так:

---
title: "Мой первый пост"
date: 2019-03-26T08:47:11+01:00
draft: true
---

Черновики не развертываются; как только вы закончите публикацию, обновите заголовок сообщения, чтобы он сказал draft: false. Дополнительная информация здесь.

Шаг 5: Запуск сервера Хьюго

Теперь запустите сервер Hugo с включенными черновиками:

▶ hugo server -D

                   | RU | EN
-------------------+----+----+
  Pages            | 10 | 10
  Paginator pages  |  0 |  0
  Non-page files   |  0 |  0
  Static files     |  3 |  3
  Processed images |  0 |  0
  Aliases          |  1 |  1
  Sitemaps         |  1 |  1
  Cleaned          |  0 |  0

Всего за 11 мс
Наблюдаем за изменениями в /Users/bep/quickstart/{content,data,layouts,static,themes}
Наблюдаем за изменениями конфигурации в /Users/bep/quickstart/config.toml
Среда разработки: "development"
Обслуживание страниц по памяти
Работает в режиме быстрого рендеринга. Для полной перестройки при изменении: hugo server --disableFastRender
Веб-сервер доступен по адресу http://localhost:1313/ (адрес привязки 127.0.0.1)
Нажмите Ctrl+C, чтобы остановить

Перейдите на свой новый сайт по адресу http://localhost:1313/.

Не стесняйтесь редактировать или добавлять новый контент и просто обновлять в браузере, чтобы быстро увидеть изменения (Вам может потребоваться принудительное обновление в веб-браузере, что-то вроде Ctrl-R обычно работает).

Шаг 6: Настройка темы

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

Конфигурация сайта

Откройте config.toml в текстовом редакторе:

baseURL = "https://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "ananke"

Замените заголовок title выше на что-нибудь более личное. Также, если у Вас уже есть готовый домен, замените baseURL. Обратите внимание, что это значение не требуется при запуске локального сервера разработки. Для указания своего языка замените languageCode. Тема указывается в theme.

baseURL = "https://gohugo.ru/"
languageCode = "ru-ru"
title = "Мой новый сайт Хьюго"
theme = "ananke2"

Совет: Внесите изменения в конфигурацию сайта или любой другой файл на Вашем сайте во время работы сервера Hugo, и Вы сразу увидите изменения в браузере, хотя Вам может потребоваться очистить кеш.

Параметры конфигурации для конкретной темы смотрите на сайте темы.

Для дальнейшей настройки темы смотрите настройку темы.

Шаг 7. Создание статических страниц

Это просто. Нужно вызвать:

hugo -D

По умолчанию вывод будет в каталоге ./public/ (флаг -d/--destination, чтобы изменить его, или установите publishdir в файле конфигурации).

Смотрите также

  • Внешние ресурсы обучения
  • Использование модулей Hugo
  • Основы использования
  • О Хьюго
    • Обзор
    • Модель безопасности Хьюго
    • Hugo и GDPR
    • Что такое Хьюго
    • Функции Хьюго
    • Преимущества статики
    • Лицензия
  • С чего начать
    • Обзор начала работы
    • Быстрый старт
    • Установка Хьюго
    • Основы использования
    • Структура каталогов
    • Настройка
    • Внешние ресурсы обучения
  • Модули Хьюго
    • Обзор модулей Hugo
    • Настройка модулей
    • Использование модулей Hugo
    • Компоненты темы
  • Управление контентом
    • Обзор управления контентом
    • Организация
    • Пакеты страниц
    • Форматы контента
    • Front Matter
    • Page Resources
    • Параметры сборки
    • Обработка изображений
    • Шорткоды
    • Связанный контент
    • Разделы
    • Типы контента
    • Архетипы
    • Таксономии
    • Содержание
    • Ссылки и перекрестные ссылки
    • Управление URL-адресами
    • Меню
    • Статические файлы
    • Комментарии
    • Многоязычный и i18n
    • Подсветка синтаксиса
  • Templates
    • Templates Overview
    • Introduction
    • Template Lookup Order
    • Custom Output Formats
    • Base Templates and Blocks
    • List Page Templates
    • Homepage Template
    • Section Templates
    • Taxonomy Templates
    • Single Page Templates
    • Content View Templates
    • Data Templates
    • Partial Templates
    • Shortcode Templates
    • Local File Templates
    • 404 Page
    • Menu Templates
    • Pagination
    • RSS Templates
    • Sitemap Template
    • Robots.txt
    • Internal Templates
    • Alternative Templating
    • Template Debugging
  • Functions
    • Functions Quick Reference
    • .AddDate
    • .Format
    • .Get
    • .GetPage
    • .HasMenuCurrent
    • .IsMenuCurrent
    • .Param
    • .Render
    • .RenderString
    • .Scratch
    • .Unix
    • absLangURL
    • absURL
    • after
    • anchorize
    • append
    • apply
    • base64
    • chomp
    • complement
    • cond
    • countrunes
    • countwords
    • dateFormat
    • default
    • delimit
    • dict
    • echoParam
    • emojify
    • eq
    • errorf and warnf
    • fileExists
    • findRE
    • first
    • float
    • ge
    • getenv
    • group
    • gt
    • hasPrefix
    • highlight
    • hmac
    • htmlEscape
    • htmlUnescape
    • hugo
    • humanize
    • i18n
    • Image Functions
    • in
    • index
    • int
    • intersect
    • isset
    • jsonify
    • lang.Merge
    • lang.NumFmt
    • last
    • le
    • len
    • lower
    • lt
    • markdownify
    • Math
    • md5
    • merge
    • ne
    • now
    • os.Stat
    • partialCached
    • path.Base
    • path.Dir
    • path.Ext
    • path.Join
    • path.Split
    • plainify
    • pluralize
    • print
    • printf
    • println
    • querify
    • range
    • readDir
    • readFile
    • ref
    • reflect.IsMap
    • reflect.IsSlice
    • relLangURL
    • relref
    • relURL
    • replace
    • replaceRE
    • safeCSS
    • safeHTML
    • safeHTMLAttr
    • safeJS
    • safeURL
    • seq
    • sha
    • shuffle
    • singularize
    • slice
    • slicestr
    • sort
    • split
    • string
    • strings.Count
    • strings.HasSuffix
    • strings.Repeat
    • strings.RuneCount
    • strings.TrimLeft
    • strings.TrimPrefix
    • strings.TrimRight
    • strings.TrimSuffix
    • substr
    • symdiff
    • templates.Exists
    • time
    • title
    • transform.Unmarshal
    • trim
    • truncate
    • union
    • uniq
    • upper
    • urlize
    • urls.Parse
    • where
    • with
  • Variables
    • Variables Overview
    • Site Variables
    • Page Variables
    • Shortcode Variables
    • Pages Methods
    • Taxonomy Variables
    • File Variables
    • Menu Entry Properties
    • Hugo Variables
    • Git Variables
    • Sitemap Variables
  • Hugo Pipes
    • Hugo Pipes Overview
    • Hugo Pipes Introduction
    • SASS / SCSS
    • PostProcess
    • PostCSS
    • JavaScript Building
    • Babel
    • Asset minification
    • Asset bundling
    • Fingerprinting and SRI
    • Resource from Template
    • Resource from String
  • CLI
  • Troubleshooting
    • Troubleshoot
    • FAQ
    • Build Performance
  • Tools
    • Developer Tools Overview
    • Migrations
    • Starter Kits
    • Frontends
    • Editor Plug-ins
    • Search
    • Other Projects
  • Hosting & Deployment
    • Hosting & Deployment Overview
    • Hugo Deploy
    • Host-Agnostic Deploys with Nanobox
    • Host on AWS Amplify
    • Host on Netlify
    • Host on Render
    • Host on Firebase
    • Host on GitHub
    • Host on GitLab
    • Hosting on KeyCDN
    • Host on Bitbucket
    • Deployment with Wercker
    • Deployment with Rsync
  • Contribute
    • Contribute to Hugo
    • Development
    • Documentation
    • Themes
  • Maintenance
“Быстрый старт” последнее обновление: December 25, 2020: Перевод getting-started (7e0cbc34c)
Улучшить эту страницу
Авторы Hugo
Hugo Logo
  • Подать вопрос
  • Получить помощь
  • Обсудить исходный код
  • @GoHugoIO
  • @spf13
  • @bepsays
 
 

Спонсоры Hugo

Logo for Forestry.io
Logo for Linode
Logo for eSolia
 

Авторские права на логотипы Hugo принадлежат © Steve Francia 2013–2021.

Hugo Gopher основан на оригинальной работе Renée French.

  • Новости
  • Документация
  • Темы
  • Витрина
  • Сообщество
  • GitHub
  • Telegram
  • О Хьюго
  • С чего начать
  • Модули Хьюго
  • Управление контентом
  • Templates
  • Functions
  • Variables
  • Hugo Pipes
  • CLI
  • Troubleshooting
  • Tools
  • Hosting & Deployment
  • Contribute
  • Maintenance