hexo-theme-butterfly

📢 Предварительный просмотр: Butterfly, CrazyWong.

📖 Документация: на китайском языке, на английском языке.

💻 Установка

Git-установка

Этот репозиторий одновременно загружается на Gitee, если вы посещаете Github медленно, можете скачать его с Gitee.

В корневом каталоге блога установите стабильную версию (рекомендуется).

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

Если вы хотите установить более новую ветку dev, можно использовать следующую команду:

git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

npm-установка

Этот метод поддерживает только версии Hexo 5.0.0 и выше.

В корневом каталоге блога выполните следующие действия:

npm i hexo-theme-butterfly

⚙ Применение темы

Измените файл конфигурации hexo _config.yml, чтобы тема была установлена как Butterfly.

theme: butterfly

Если у вас нет рендереров pug и stylus, скачайте и установите их: npm install hexo-renderer-pug hexo-renderer-stylus --save.

🎉 Особенности

• Дизайн в виде карточек.
• Закруглённый дизайн / прямоугольный дизайн.
• Поддержка вторичных каталогов.
• Двухколоночный дизайн.
• Адаптивная тема.
• Ночной режим.
• Pjax.
• Режим чтения статьи.
• Простой и традиционный китайский перевод.
• И каталоги TOC для компьютеров, и каталоги TOC для мобильных устройств.
• Встроенные различные цветовые схемы (darker/pale night/light/ocean), возможность настройки цветовой схемы.
• Отображение кода с указанием языка программирования / закрытие или раскрытие блоков кода / копирование кода / автоматическая переноска строк.
• Возможность отключения копирования текста / возможность включения информации об авторских правах при копировании контента.
• Два вида поиска (поиск Algolia и локальный поиск).
• Mathjax и Katex.
• Встроенная страница 404.
• Отображение статистики количества слов.
• Связанные статьи.
• Напоминание о просроченных статьях.
• Несколько систем обмена (Sharejs/Addtoany).
• Несколько систем комментариев (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk).
• Поддержка двойной системы комментариев.
• Различные системы онлайн-чата (Chatra/Tidio/Crisp).
• Анализ различных систем.
• Реклама Google / ручная реклама.
• Проверка различных статусов владельца сайта.
• Изменение цвета сайта.
• Эффект ввода текста activate_power_mode.
• Различные фоновые эффекты (статическая радуга/динамическая радуга/Canvas Nest).
• Эффекты при наведении курсора (фейерверк/текст/сердце).
• Встроенный загрузчик анимации Preloader и индикатор загрузки pace.js.
• Статистика посещений без чеснока.
• Два режима больших изображений (Medium Zoom/Fancybox).
• Mermaid диаграммы.
• Диаграммы Chart.js.
• Стена с фотографиями.
• Ленивая загрузка изображений.
• Instantpage/Pangu/Snackbar всплывающие окна/PWA......

✨ Вкладчики

📷 Скриншоты