Тема hexo-theme-butterfly

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

💻 Установка

GIT

Если вы находитесь в материковом Китае, вы можете скачать с Gitee.

Стабильная ветка (рекомендуется):

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

Ветвь разработки:

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

NPM

Поддерживает Hexo 5.0.0 или более позднюю версию.

В корневом каталоге сайта Hexo:

npm i hexo-theme-butterfly

⚙ Настройка

Установите тему в корневом файле конфигурации рабочей папки _config.yml:

theme: butterfly

Если у вас нет рендерера pug и stylus, попробуйте следующее:

npm install hexo-renderer-pug hexo-renderer-stylus

🎉 Функции

• Дизайн пользовательского интерфейса карты
• Скруглённый дизайн / Квадратный дизайн
• Поддержка подменю
• Двухколоночный макет
• Адаптивный веб-дизайн
• Тёмный режим
• Pjax
• Режим чтения
• Преобразование между традиционным и упрощённым китайским
• Каталог TOC доступен как для компьютеров, так и для мобильных телефонов
• Встроенная подсветка синтаксиса (темнее/бледнее ночь/светлее/океан), также поддерживает настройку
• Блоки кода (отображение языка кода/закрыть или развернуть блоки кода/кнопка копирования/перенос слов)
• Отключить копирование/добавить уведомление об авторских правах на скопированный текст
• Поиск (поиск Algolia/локальный поиск)
• Mathjax и Katex
• Встроенная страница 404
• WordCount
• Связанные статьи
• Отображает устаревшее уведомление для поста
• Поделиться (Sharejs/Addtoany)
• Комментарии (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)
• Поддержка нескольких систем комментариев
• Онлайн-чаты (Chatra/Tidio/Crisp)
• Веб-аналитика
• Google AdSense
• Проверка вебмастера
• Изменить цветовую схему веб-сайта
• Эффект пишущей машинки: activate_power_mode
• Эффекты фона (лента холста/canvas_ribbon_piao/canvas_nest)
• Мышиные эффекты щелчка (фейерверки/сердце/текст)
• Предварительный загрузчик/анимация загрузки/pace.js
• счётчик посетителей Busuanzi
• Среднее масштабирование/Fancybox
• Mermaid
• Chart.js
• Галерея с выравниванием по ширине
• Ленивая загрузка изображений
• Instantpage/Pangu/Snackbar notification toast/PWA......

✨ Вкладчики

📷 Скриншоты