Hugo

Метаданные изображения OpenGraph в генераторе статических сайтов Hugo

Метаданные изображения OpenGraph в генераторе статических сайтов Hugo

Как добавить метаданные OpenGraph в Hugo?

Метаданные изображения OpenGraph — это свойство мета og:image. Основная цель — правильно сгенерировать тег <meta property="og:image" content="https://....jpg"> для каждой страницы нашего сайта на основе Hugo.

Как хранить превью-изображения в папке пакета страниц для сайтов Hugo с темой Mainroad

Как хранить превью-изображения в папке пакета страниц для сайтов Hugo с темой Mainroad

Сохранение всех материалов, связанных со страницей, в одной папке...

Долгое время меня мучила эта навязчивая идея поместить превью-изображения страниц в статический каталог.
Это касается тем Mainroad, Rodster и подобных.

Топ тем Hugo

Топ тем Hugo

Наиболее популярные темы для Hugo

Давайте посмотрим на github список лучших тем для Hugo статического генератора сайтов,
и проверим их рейтинг звёзд.
Вы можете перейти к официальному списку тем Hugo: https://themes.gohugo.io/

Добавление разметки структурированных данных в Hugo

Добавление разметки структурированных данных в Hugo

Если тема Hugo не поддерживает структурированные данные...

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

Разверните сайт Hugo на AWS S3

Разверните сайт Hugo на AWS S3

Hugo — это генератор статических сайтов.

Когда сайт сгенерирован с помощью Hugo, пора развернуть его на платформе хостинга. Ниже приведена инструкция по загрузке сайта в AWS S3 и обслуживанию через CDN AWS CloudFront.

Скриптинг масштабирования изображений с использованием ImageMagik

Скриптинг масштабирования изображений с использованием ImageMagik

Автоматическое масштабирование изображений для статических сайтов

Тема Mainroad в Hugo не изменяет размер изображений автоматически,
просто копирует из статической папки.
Потому нам нужно подготовить скрипт для изменения размера и обрезки изображений до нужного размера.

Mainroad обработка изображений

Mainroad обработка изображений

Специфика изображений Хьюго в Mainroad, типы и размеры

Mainroad — это тема для статического генератора сайтов Hugo, и, кроме того, что она выглядит хорошо, она имеет плохое управление изображениями

Переустановить Linux

Переустановить Linux

Регулярно происходит

Нужно иметь стандартную последовательность задач после установки для справки, поэтому записываю её здесь.

Шпаргалка по Markdown: быстрый справочник по синтаксису, форматированию и структуре

Шпаргалка по Markdown: быстрый справочник по синтаксису, форматированию и структуре

Справочник по Markdown: заголовки, списки, код, таблицы и многое другое.

Язык разметки Markdown используется в Википедии и в Hugo. Он поддерживает заголовки, списки, изменение стилей шрифтов, изображения, цитаты кода и таблицы. Ниже приведено краткое резюме по форматированию в Markdown.