hugo liftoff

Хьюго Лифтофф

Предупреждение: у меня больше нет времени работать над этой темой по разным причинам. Вряд ли я доберусь до вашего вопроса и никаких дополнительных функций не планируется, хотя тема останется общедоступной. Не стесняйтесь разветвлять его, если вам нужно внести значительные изменения. Я рассмотрю возможность объединения простых запросов на исправление ошибок. Приносим извинения за возможные неудобства. Дополнительную информацию см. в примечаниях к выпуску версии 3.4.3.

О

Hugo Liftoff — это минимальная тема для блога/портфолио с упором на создание контента и лучшие практики SEO. Это идеальный выбор для технических пользователей, начинающих свой личный бренд.

Документация

Полная документация размещена на Github Wiki этого репозитория.

Пожалуйста, откройте проблему, если вы обнаружите какие-либо ошибки в документации или у вас есть предложения по улучшению.

Демо-сайт

Рабочая демо-версия темы доступна для публичного ознакомления.

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

Примечательные особенности

• Подразделы контента с возможностью фильтрации последних сообщений на главной странице по подразделам.
• Таксономия публикаций серий с отдельными публикациями, в которых перечислены все публикации текущей серии.
• Ссылки «Следующий/предыдущий» в конце отдельных сообщений для подразделов или серий сообщений (если включено)
• Переключение светлого/темного режима с использованием пользовательских свойств CSS
• Складное JS-меню, адаптированное для мобильных устройств, с автоматической поддержкой подменю на основе конфигурации меню.
• Настраиваемый информационный бюллетень с поддержкой Netlify Forms и контролем условной видимости
• И многое другое...

Обзор функций

Ниже приведены текущие возможности этой темы. Функции, помеченные как дополнительные или Frontmatter, можно включить/отключить в конфигурации или Frontmatter соответственно.

Нетлифай

• Пользовательские заголовки/перенаправления с помощью Netlify (необязательно)
• Поддержка форм Netlify для подписки на рассылку новостей и страницы контактов (необязательно)
• Пример файла netlify.toml для упрощенного развертывания

третья сторона

• Google Аналитика 4.
• Диспетчер тегов Google как альтернатива GA (необязательно)
• Комментарии Disqus (необязательно)
• Отключить комментарии для каждой страницы (необязательно) (вступление)

Информационный бюллетень

• Подписка на рассылку новостей с поддержкой Netlify Forms (необязательно) (главная тема)
• Глобальное отображение подписки на рассылку новостей (необязательно)
• Настраиваемый заголовок информационного бюллетеня, описание и текст призыва к действию (необязательно)
• Переопределить глобальный информационный бюллетень для каждой страницы (необязательно) (вводная часть)
• Включить или отключить новостную рассылку для каждой страницы (frontmatter)

Социальные

• Собственный Twitter, Mastodon, Github, Stack Overflow, LinkedIn и ссылки на социальные сети по электронной почте с SVG (необязательно)
• Включите или отключите социальные ссылки в нижнем колонтитуле, герое главной страницы и странице «О программе» (необязательно).
• Включить или отключить отдельные социальные ссылки (необязательно)
• Facebook, LinkedIn, Twitter, Reddit и значки социальных сетей по электронной почте с SVG для публикаций (необязательно)
• Включить или отключить отдельные значки социальных сетей (необязательно)

SEO / RSS

• Улучшенные шаблоны Open Graph, Twitter Cards и Schema.org.
• RSS-канал, исключающий любые страницы за пределами раздела сообщений.
• Настраиваемые теги заголовка и SEO-заголовка или используйте заголовок для обоих (вступление)
• Настраиваемое резюме и метаописание или описание использования для обоих (вступление)
• Пользовательский метатег автора (необязательно) (вступление)
• Пользовательские теги заголовков и метаописания для каждой страницы (необязательно) (вступление)
• robots.txt и sitemap.xml
• Отключить сканирование поисковыми системами (необязательно)

Серии/Подразделы

• Подразделы контента с возможностью фильтрации последних сообщений на главной странице по подразделам (необязательно)
• Таксономия публикаций серий с отдельными публикациями, в которых перечислены все публикации текущей серии (необязательно).
• Ссылки «Следующий/предыдущий» в конце отдельных сообщений для подразделов или серий сообщений (если включено)
• Поддержка подразделов для сообщений с настраиваемыми постоянными ссылками для чистых URL-адресов SEO (необязательно).
• Складное JS-меню, адаптированное для мобильных устройств, с автоматической поддержкой подменю на основе конфигурации меню.

Домашняя страница

• Настройте заголовок и подзаголовок главного героя на главной странице (главная страница)
• Настройте заголовки разделов публикаций и проектов на главной странице (frontmatter)

Публикации и проекты

• Переключаемое липкое оглавление для сообщений (вступление)
• Похожие сообщения (вступление)
• Иконки социальных сетей для публикаций (вступление)
• Время чтения и количество слов в сообщениях
• Даты последнего изменения публикаций (необязательно)
• Настраиваемый действующий URL-адрес, исходный URL-адрес и сведения о технологическом стеке для проектов (главная тема)
• Таксономии тегов и категорий
• Таксономия типов проектов для категоризации проектов
• Последние публикации и проекты на главной странице

Фрагменты кода

• Подсветка синтаксиса
• Кнопка копирования одним нажатием и индикатор языка для фрагментов кода

CSS/JS

• Переключение светлого/темного режима с использованием пользовательских свойств CSS
• Добавьте собственный CSS/JS в assets
• Минимизация CSS и JS
• Конвейер сборки внешнего интерфейса с ESBuild и ToCSS
• Обработка PostCSS для автопрефикса (необязательно)
• npm совершенно необязателен, если не используется PostCSS/Autoprefixer
• Плавный масштаб типографики с помощью CSS- clamp()
• Исходные карты для SCSS и JS в разработке

Изображения

• Обработка изображений с помощью ресурсов Hugo
• Специальные изображения для публикаций и проектов из assets или пакета страниц (вступительная часть)
• Пользовательское изображение главного героя главной страницы (необязательно)
• Отключить фильтр аватара в оттенках серого (необязательно)
• Включить/отключить значки (необязательно)

Архетипы

• Шаблоны архетипов для постов и проектов
• Поддержка пакетов страниц для шаблонов архетипов

Маркдаун-хуки

• Перехватчики рендеринга Markdown для кодовых блоков, изображений, заголовков и ссылок.
• Индикатор языка для кодовых блоков
• Добавьте собственный класс CSS к изображениям уценки через фрагменты URL.
• Значок SVG привязки заголовка

Другой контент

• Быстро создавайте общие отдельные страницы с помощью единого шаблона по умолчанию (необязательно).
• Дополнительный текст нижнего колонтитула уценки (необязательно)
• Добавьте ярлык к проектам, находящимся в разработке (необязательно).
• Адаптивная поддержка распространенных стилей уценки, таких как таблицы.
• О странице со ссылками на социальные сети (необязательно)
• Страница контактов с поддержкой Netlify Forms (необязательно)
• Настройте резервный текст для пустого содержимого (необязательно)

Хьюго по умолчанию

• Пример hugo.toml , в который включено большинство настроек конфигурации Hugo по умолчанию для упрощения настройки.
• Переопределить параметры конфигурации на основе среды Hugo
• Встроенные короткие коды
• И многое другое... Хьюго может многое предложить!

Планируемые функции

Следующие функции запланированы в будущем выпуске.

• Поиск по сайту в режиме реального времени
• Галереи изображений для проектов
• поддержка i18n
• Дополнительные расширенные схемы структурированных данных Google
• Пользовательские короткие коды для таких вещей, как списки проектов.

Получение помощи

Чтобы отправить отчет об ошибке, запрос на добавление функции или вопросы по использованию, откройте проблему на Github, используя один из шаблонов задач.

Содействие

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