Быстрый старт
© ннннн
Эта статья — опорная: здесь описано, из чего состоит документ в MyReady и какие блоки доступны в редакторе. Остальные стартовые тексты на сайте можно править, скрывать в черновик или удалять, когда пример отработал свою роль.
Страница, пост, языки, черновик
- Страница — постоянные разделы: главная, FAQ, контакты, служебные тексты.
- Пост — материал блога: статьи, инструкции, новости с датой.
- Языки: если в настройках сайта несколько языков, у одного материала есть вкладки RU / EN и т.д. Переключение не дублирует файл — это связанные версии одной сущности.
- Черновик: пока включён, материал не публикуется на Hugo-сайте, но сохраняется в проекте. Используйте для черновиков и для скрытия примеров, которые хотите оставить «про запас».
- Описание (SEO) в панели метаданных — для поисковиков и сниппетов (в том числе в соцсетях). Текст анонса поста в ленте блога задаётся в теле: всё до строки
<!--more-->(если разделителя нет, обычно берётся начало статьи). - После Сохранить сайт обычно пересобирается; посетители видят обновление после сборки.
Все блоки редактора (+ или Tab)
Ниже — блоки из меню вставки. У многих блоков есть внутренняя панель: жирный, курсив, ссылка, маркер, моноширинный фрагмент.
| Блок в интерфейсе | Назначение |
|---|---|
| Текст | Обычные абзацы; основной массив статьи. |
| Заголовок | Уровни H2–H6 (H1 в теле не используется — заголовок страницы задаётся полем карточки). |
| Список | Маркированный или нумерованный; внутри строк можно включать форматирование. |
| Таблица | Сетка для сравнений, прайсов, чек-листов в табличном виде. |
| Код | Фрагмент кода с подсветкой; для технических инструкций. |
| Цитата | Выделенная цитата оформлением темы. |
| Чеклист | Список с галочками — удобно для шагов «сделано / не сделано». |
| Картинка | Загрузка файла или вставка по URL, подпись; изображение сохраняется в папку бандла материала. |
| Вставка (Embed) | Встраивание по ссылке, напр. YouTube или Rutube. |
| Разделитель | Визуальный разрыв между смысловыми частями. |
| Интервал | Вертикальный отступ заданной высоты между блоками. |
| Анонс (more) | Всё выше маркера — анонс в ленте постов; ниже — полный текст после клика «Читать дальше». В Markdown тот же эффект даёт строка <!--more--> в теле файла. |
| FAQ | Вопрос и ответ парами; на сайте рендерится как аккордеон темы. |
| Файл | Ссылка на скачивание: файл кладётся в папку бандла рядом с index.*.md (через Файлы или загрузку в редакторе). |
| Google Форма | Встраивание формы по id из URL Google Forms — заявки без своего сервера (см. раздел ниже). |
| HTML-фрагмент | «Сырой» HTML для вставок, которых нет в стандартных блоках; проверяйте на черновике и на телефоне. |
| Pexels | Отдельный блок: поиск и вставка стокового фото (нужен ключ Pexels в настройках). |
| DALL·E 3 | Отдельный блок: генерация изображения по описанию (нужен ключ OpenAI). |
| Место для картинки | Слот под будущую иллюстрацию: внутри блока доступны загрузка, Pexels и DALL·E; после готового снимка блок заменяется на обычную Картинку. Часто используется с ИИ — см. ИИ-ассистент. |
Встроенное форматирование в строке
В тексте, заголовках, списках и ячейках таблицы доступны: полужирный, курсив, ссылка, маркер (выделение цветом), моноширинный фрагмент для команд и путей.
Google Форма: заявки без бэкенда
- Создайте форму в Google Forms, опубликуйте и скопируйте id из URL (
.../d/e/ID/viewformили похожий). - В редакторе добавьте блок «Google Форма» и вставьте id, при необходимости подберите высоту iframe.
Что сделать в первый день
- Откройте главную, FAQ и контакты — замените заглушки на реальные данные или уберите страницы в черновик.
- Пройдитесь по меню: оставьте только те разделы, которые готовы показать клиентам.
- Опубликуйте одну короткую заметку в блоге под ваш реальный запрос аудитории.
- Проверьте, что нигде не осталось служебных фраз вроде «пример» там, где должна быть ваша подача.
На что не тратить время сразу
- Десятки пустых страниц.
- Сложная вёрстка до того, как готов основной текст.
- Публикация сырого материала «ради объёма».
Куда смотреть дальше
- ИИ-ассистент — чат, «Применить», перевод страниц на другие языки, изображения, ограничения моделей.
- Примеры элементов — каталог типовых HTML-вставок и шорткодов по темам (без повторения формы: она описана выше).