Открытый тематический проект HEXO, основан на теме ACE. После моих доработок названа как Eternal night.

Подробнее смотрите ниже в разделе Благодарности и ссылки.

Открытая минималистичная тема для личного блога на Hexo — Eternal night

Английская версия была первоначальной английской версией readme.

Список особенностей

1. Красивое меню навигации
2. Поддержка слайдера изображений на главной странице.
3. Дополнительное меню
4. Добавление цветных лент и геометрических эффектов.
5. Возможность выделения статей.
6. Поддержка нескольких языков
7. Поддержка системы комментариев Valine.
8. Поддержка системы Live2D.
9. Поддержка онлайн службы поддержки DaoVoice.

Онлайн демо

Онлайн демо: xiao-gy.gitee.io

Скриншоты:

Авторские права

Бесплатное использование, приветствуем добавление обратной ссылки ^_^

Установка Hexo

npm install hexo-cli -g

Для получения дополнительной информации перейдите по адресу https://hexo.io

Использование темы

Скачивание темы Eternal night

cd ваш_папка_с_блогом
git clone https://gitee.com//hexo-theme-Eternal-night.git

Изменение вашей темы

Измените тему на 'Eternal-night'

## Темы: https://hexo.io/themes/
theme: Eternal-night

Настройка темыИзмените themes/Eternal-night/_config.yml.

Описание всех свойств:

Навигационное меню

Измените конфигурацию темы для поддержки второго уровня меню.``` navmenu: [ { title: "menu1", url: "#menu1", children: [ { title: "menu1-1", url: "#menu1-1" }, { title: "menu1-2", url: "#menu1-2" } ] }, { title: "menu2", url: "#menu2", } ]

> Для более подробной настройки используйте layout/_partial/nav.ejs.

### Верхняя часть страницы
```yml
slideshow: true      # слайдер из трёх изображений на главной странице, img/slideshow/slider1/2/3
ribbon_bg: false     # цветная лента
particle_bg: true    # геометрические эффекты

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

Дополнительное меню

Пожалуйста, используйте navmenu### Выведенные в верхнюю часть страницы посты Для этого нужно указать специальный тег, который будет отмечен как "выведенный вверх". Все посты с этим тегом будут выводиться сверху.

# тег для выведенных вверх постов
sticky_tag: "Выведенный вверх"

Боковая панель

Скопируйте ваш аватар в директорию <root>/img/, затем измените _config.yml:

sidebar: true    # Отображение боковой панели.
sidebar_about_description: "Ваше описание"
sidebar_avatar: img/<путь_к_вашему_аватару>

Настройка live2D

live2d: true

Настройка DaoVoice

daovoice_appid: xxxx

Настройка виджетов

widgets:         # Вот виджеты, которые можно использовать, их можно закомментировать
- featured_tags   # Облако тегов
- short_about     # Короткое описание
- recent_posts    # Последние записи
- friends_blog    # Дружественные блоги
- archive         # Архив
- category        # Категория
```Если вы хотите добавить свои собственные виджеты, код находится в `layout/_widget`.

# Управление дружественными ссылками
Управляйте своими дружественными ссылками

```yaml
friends: [
    {
        title: "ACE тема",
        href: "http://www.sumoon.com"
    },
    {
        title: "ваши дружественные ссылки",
        href: "https://##"
    }
]

Если вы хотите добавить свой сайт в тему ACE, выполните следующие действия:

1. Fork этого проекта.
2. Измените файл _config.yml, добавив информацию о вашем сайте.
3. Отправьте pull request (PR).

Настройка подписей

Скопируйте свою подпись в папку <root>/img/signature. Затем отредактируйте файл _config.yml:

signature: true   # Отображение подписи
signature-img: img/signature/ваш_файл_подписи

Вернуться к верхней части страницы

Вы можете изменить изображение, используя папку css/images.

Настройка меток статей

Управляйте отображением меток на главной странице:

home_posts_tag: true

Настройка рендера Markdown

Мой плагин для рендера Markdown — это hexo-renderer-markdown-it:

# Конфигурация Markdown-it
## Документация: https://github.com/celsomiranda/hexo-renderer-markdown-it/wiki
markdown:
  render:
    html: true
    xhtml_out: false
    breaks: true
    linkify: true
    typographer: true
    quotes: '«»„“'

И если вам нужно изменить заголовочный анкор 'ℬ', вы можете сделать это в файле layout/post.ejs.

async("https://cdn.bootcss.com/anchor-js/1.1.1/anchor.min.js", function() {
    anchors.options = {
      visible: 'hover',
      placement: 'left',
      icon: ℬ // Это заголовочный анкор с "unicode" значком
    };
});
```## Основы Hexo

Некоторые команды Hexo:

```bash
hexo new post "<название поста>" # Вы можете заменить post на другой шаблон, если хотите
hexo clean && hexo generate # Генерация статических файлов
hexo server # Запуск Hexo в локальной среде
hexo deploy # Hexo автоматически отправляет статические файлы в конкретную ветку (gh-pages) вашего репозитория!

Приятного использования ^_^

Пожалуйста, оцените проект звездами Star

Добро пожаловать!

Благодарности и ссылки

• https://github.com/huweihuang/hexo-theme-huweihuang
• https://github.com/YenYuHsuan/hexo-theme-beantech
• https://github.com/VincentGarreau/particles.js
• https://github.com/kinggozhang/hexo-theme-ace