Hugo NexT — это высококачественная элегантная тема Hugo. Она была перенесена из тем движка Hexo, которые называются NexT (https://github.com/next-theme/hexo-theme-next), и сохраняет все виды макетов страниц и 4 различные схемы. Начните новое путешествие с и надеемся, что вам понравится.
Все макеты страниц и настройки совместимы с Hexo NexT. Перенести сайт с Hexo на Hugo очень просто, наслаждайтесь!
Среда |
![]() |
Muse | Mist | Pisces | Статус |
---|---|---|---|---|---|
Предварительная | Gemini | Muse | Mist | Pisces | |
Производство | Gemini | Muse | Mist | Pisces |
Предварительный просмотр: все новые функции будут предварительно просмотрены как можно скорее. Производство: только те функции, которые стабильно протестированы и соответствуют требованиям, будут официально выпущены.
Прежде чем использовать тему Hugo NexT, убедитесь, что на вашем компьютере установлены Git и Hugo Extened.
Если вы впервые создаёте блог, рекомендуется использовать шаблон Github, который может легко создать код вашего сайта. Перейдите в этот репозиторий: Хьюго Тема Некст Стартер
hugo-theme-next-starter, затем нажмите зелёную кнопку с названием «Use this template» в верхнем правом углу страницы. Как показано на рисунке ниже:
После этого нажмите зелёную кнопку «Create repository from template», и ваш сайт будет создан автоматически, а его копия будет клонирована в вашу среду ПК.
Если у вас есть блог, используйте submodule
, чтобы перейти к теме, см. следующие команды:
$ cd hugo-next-exmaple
$ git submodule add https://github.com/hugo-next/hugo-theme-next.git themes/hugo-theme-next
$ cp themes/hugo-theme-next/exampleSite/config.yaml .
$ mv config.toml config.toml.backup
Или используйте модуль Хьюго, чтобы перейти к теме, см. следующие команды:
$ cd hugo-next-exmaple
$ hugo mod init hugo-next-exmaple
$ wget -O config.yaml https://github.com/hugo-next/hugo-theme-next/raw/main/exampleSite/config.yaml
$ sed -i 's/hugo-theme-next/github.com\/hugo-next\/hugo-theme-next\/v4/' config.yaml
$ mv config.toml config.toml.backup
$ cd hugo-next-exmaple
$ hugo server
Выполнив эти действия и введя адрес http://127.0.0.1:1313/ в браузере, вы увидите эффект. Удачи! :tada::tada::tada:
Примечание Не используйте команду
hugo server
для развёртывания сайта и обеспечения доступа в Интернет. Она предназначена только для предварительного просмотра при разработке на локальной среде. Рекомендуется использовать командуhugo
для создания статических файлов всего сайта, а затем развернуть их на веб-сервере, таком как Nginx.
Выполните команду в каталоге вашего сайта при обновлении темы:
$ cd hugo-next-exmaple
$ git submodule update --remote
Выполните следующую команду, если вы используете модуль Хьюго:
$ cd hugo-next-exmaple
$ hugo mod get -u
Существует готовый шаблон нового поста. Рекомендуется использовать следующую команду Хьюго для быстрого создания нового поста:
$ hugo new posts/hello-world.md
Примечание По умолчанию команда
hugo new
создаст новый пост в корневом каталогеcontent
, поэтому здесьposts
— это пользовательская подпапка в каталогеcontent
.
Все параметры переднего плана в посте описаны ниже:
---
title: "{{ replace .Name "-" " " | title }}"
description: "{{ .Name }}"
keywords: "{{replace .Name "-" ","}}"
date: {{ .Date }}
lastmod: {{ .Date }}
categories:
-
tags:
-
-
# Автор поста
#author:
# Ссылка на пост
#link:
# Источник изображения, который будет использоваться в открытом графе и твиттере
#imgs:
# Развернуть контент на главной странице
#expand: true
# Это означает, что будут перенаправлены на внешние ссылки
#extlink:
# Отключенные плагины комментариев в этом посте
#comment:
# enable: false
# Отключить оглавление в этом посте
# Примечание: по умолчанию оглавление будет автоматически создаваться с заголовками h2-h4 без других настроек
#toc: false
# Абсолютная ссылка для посещения
#url: "{{ lower .Name }}.html"
# Закреплённый пост, установленный сверху на домашней странице, и чем меньше число, тем больше вперёд
#weight: 1
# Поддержка рендеринга математических формул, варианты: mathjax, katex
#math: mathjax
# Включить рендеринг диаграмм, таких как: поток, последовательность, классы и т. д.
#mermaid: true
---
Надеемся, что вы сможете предоставить информацию о своём сайте в этом файле flinks.yaml в конце строки, например, в стиле кода, когда вы используете тему Хьюго Некс, спасибо.
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )