hugoplate
1.0.0
Hugoplate — это бесплатный стартовый шаблон, созданный с помощью Hugo и TailwindCSS, предоставляющий все необходимое для запуска вашего проекта Hugo и экономии драгоценного времени.
Сделано с ♥ студией Zeon
Если вы считаете этот проект полезным, пожалуйста, поставьте ему лайк, чтобы выразить свою поддержку.
Мы включили почти все, что вам нужно, чтобы начать свой проект Hugo. Давайте посмотрим, что включено в этот шаблон:
Мультиавторы
Похожие сообщения
Функциональность поиска
Темный режим
Теги и категории
Настройки Netlify предварительно настроены
Форма для связи со службой поддержки
Полностью отзывчивый
Написание и обновление контента в Markdown
Дискус Комментарий
Подсветка синтаксиса
Домашняя страница
О
Контакт
Авторы
Автор Сингл
Блог
Блог Сингл
Пользовательский 404
Элементы
политика конфиденциальности
Теги
Тег сингла
Категории
Категория Одиночный
Поиск
Хьюго
CSS попутного ветра
ПостCSS
ОчиститьCSS
Автопрефиксер
Модули Hugo от Gethugothemes
Уценка
красивее
Джшинт
Нетлифай
Версель
Действия на Гитхабе
Гитлаб Си
AWS Усилить
Сначала вам нужно клонировать или загрузить репозиторий шаблонов, а затем приступим к следующему процессу:
Чтобы начать использовать этот шаблон, на вашем компьютере должны быть установлены некоторые необходимые компоненты.
Хьюго Расширенный v0.124+
Узел v20+
Перейти v1.22+
Мы создаем этот собственный скрипт, чтобы упростить настройку вашего проекта. Будет создана новая папка темы Hugo и клонирована в нее тема Hugoplate. Затем переместите папку exampleSite в корневой каталог. Чтобы вы могли запустить свой сервер Hugo, не заходя в папку exampleSite. Используйте следующую команду для настройки вашего проекта.
npm запустить настройку проекта
Установите все зависимости, используя следующую команду.
установка npm
Запустите сервер разработки, используя следующую команду.
npm run dev
Этот шаблон был разработан с учетом множества возможностей настройки. Вы можете настроить практически все, что захотите, в том числе:
Вы можете изменить название сайта, базовый URL-адрес, язык, тему, плагины и многое другое в hugo.toml .
Вы можете настроить все параметры из файла config/_default/params.toml . Сюда входят логотип, значок, поиск, метаданные SEO и многое другое.
Вы можете изменить цвета и шрифты из файла data/theme.json . Сюда входят основной цвет, дополнительный цвет, семейство шрифтов и размер шрифта.
Вы можете изменить социальные ссылки из файла data/social.json . Добавьте сюда свои социальные ссылки, и они автоматически отобразятся на сайте.
Мы добавили несколько пользовательских скриптов, чтобы облегчить вашу жизнь. Вы можете использовать эти сценарии, чтобы помочь себе в развитии.
Если вы хотите обновить тему, вы можете использовать следующую команду. Тема будет обновлена до последней версии.
npm запустить тему обновления
Примечание. Эта команда будет работать после запуска сценария
project-setup.
Мы добавили в этот шаблон множество модулей. Вы можете обновить все модули, используя следующую команду.
npm запустить обновления-модули
Если вы хотите удалить темный режим из своего проекта, вы можете использовать следующую команду, чтобы удалить темный режим из вашего проекта.
npm run Remove-Darkmode
Примечание. Эта команда будет работать до запуска сценария
project-setup. Если вы уже запустили командуproject-setup, то сначала вам нужно запуститьnpm run theme-setup, а затем вы сможете запустить эту команду. после этого вы можете снова запуститьnpm run project-setup.
После завершения разработки вы можете создать или развернуть свой проект практически где угодно. Давайте посмотрим на процесс:
Чтобы создать проект локально, вы можете использовать следующую команду. Он удалит весь неиспользуемый CSS и минимизирует все файлы.
npm запустить сборку
Вместе с этим шаблоном мы предоставили 5 различных конфигураций платформы развертывания, чтобы вы могли легко выполнить развертывание.
Нетлифай
Версель
Действия на Гитхабе
Гитлаб Си
AWS Усилить
И если вы хотите разместить другие хостинговые платформы. затем вы сможете создать свой проект и получите public папку. который вы можете скопировать и вставить на свою хостинговую платформу.
Примечание. Необходимо изменить
baseURLвhugo.toml. В противном случае ваш сайт не будет работать должным образом.
Мы используем GitHub Issues в качестве официального средства отслеживания ошибок для этого шаблона. Пожалуйста, выполните поиск по существующим проблемам. Возможно, кто-то уже сообщал о такой же проблеме. Если ваша проблема или идея еще не решена, смело открывайте новый выпуск.
Авторское право (c) 2023 г. – настоящее время, дизайн и разработка Zeon Studio
Лицензия на код: выпущена под лицензией MIT.
Лицензия на изображение: изображения предназначены только для демонстрационных целей. У них есть лицензия, у нас нет разрешения на распространение этих изображений.
Список некоторых проектов, которые люди строят с помощью Hugoplate !
| Открытый нейроморфный | Модели искусственного интеллекта | Хьюгобрикс | ООО «ОНО» |
Если вам нужна собственная тема, настройка темы или полные услуги по разработке веб-сайта с нуля, вы можете нанять нас.
