hexo-theme-yilia-plus

---

hexo-theme-yilia-plus — это проект, основанный на теме hexo-theme-yilia. Его цель — глубокое изучение Hexo. Используя тему yilia, можно легко перейти на yilia-plus.

Начало использования

• О проекте:
  • Этот проект создан на основе темы hexo-theme-yilia и содержит некоторые улучшения и изменения.
  • Цель проекта — глубокое изучение Hexo.
  • Используя тему yilia, вы можете легко перейти к yilia-plus.
• Поддержка проекта:
  • Приветствуется использование и поддержка проекта через Star. Если у вас возникнут проблемы в процессе использования, вы можете создать Issue, и я постараюсь улучшить проект.
  • Также приветствуются единомышленники, которые хотят присоединиться к проекту и поддерживать его вместе со мной.

Об hexo-theme-yilia-plus

На основе оригинальной темы были добавлены следующие функции:

1. Добавление ссылки на главную страницу с изображением профиля на мобильных устройствах.
2. Интеграция функции статистики посещений от нечесского.
3. Плагин для музыки с веб-сайта netease cloud music.
4. Эффект красного сердца при нажатии на страницу.
5. Отображение нескольких значков навигации SubNav.
6. Добавление ленты GitHub (Fork me).
7. Пользовательский нижний колонтитул Litten (устарело).
8. Добавление заявления об авторских правах.
9. Добавление активной рассылки от платформы Baidu Tiantianwang.
10. Интеграция комментариев gitment.
11. Интеграция комментариев с кодового облака.
12. Добавление года создания сайта.
13. Индикатор загрузки страницы.
14. Добавление логотипа Apple.
15. Функция переключения заголовков страниц.
16. Подсчёт количества слов на странице.
17. Эффекты ввода текста.
18. Оптимизация отображения дружественных ссылок.
19. Динамический эффект левой боковой панели, поддержка прокрутки левой навигационной панели.
20. Эффект предварительного просмотра зависшего изображения.
21. Другие небольшие стилистические улучшения, оптимизация социальных иконок.
22. Улучшение конфигурации открытия ссылок в новом окне.
23. Исправление ошибок.
24. Добавление модели динамического виджета «живая девушка».
25. Добавление эффекта падающего снега.
26. Настройка текста заявления о авторских правах статей.

Если у вас есть идеи или предложения по улучшению, пожалуйста, поделитесь ими со мной!

Введение

В настоящее время функциональность ограничена, но я буду рад получить ваши отзывы и предложения!

Этот проект основан на https://github.com/litten/hexo-theme-yilia. Я выражаю глубокую благодарность автору.

yilia-plus — это тема для Hexo 2.4+. Она отличается лаконичностью, элегантностью и высокой производительностью. Вы можете посетить мой блог, чтобы увидеть, как она работает.

Чтобы испытать работу на мобильном устройстве, отсканируйте QR-код:

Поощрение

Если вам нравится эта тема, ваша поддержка и поощрение станут главным стимулом для будущих обновлений. Пожалуйста, поддержите этот проект через Star!

О теме:

1. Лаконичность.
2. Фокус на опыте работы с мобильными устройствами.
3. Стремление к максимальной скорости загрузки (в процессе разработки).
4. Сосредоточение внимания пользователей на содержании. Это основная идея дизайна темы.
5. Тема не поддерживает IE6, 7, 8. И не будет поддерживать в будущем.

Внешний вид

• Обычный:
  • [изображение]

Для разработчиков

Для повышения производительности и удобства разработки используется webpack для сборки. Если вам нужны какие-либо индивидуальные настройки для темы, обратитесь к wiki «Структура исходного кода и сборка yilia-plus».

Тема поддерживает комментарии:

• Gitment;
• Система комментариев на основе кодового облака;
• DISQUS;
• Sohu chuangyan.

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

1. Установка:
   • Перейдите в папку themes/.
   • Выполните команду git clone --depth=1 https://github.com/JoeyBling/hexo-theme-yilia-plus.git ./yilia-plus.
2. Настройка:
   • Измените _config.yml в корневом каталоге Hexo на theme: yilia-plus.
3. Обновление:
   • Переключитесь в папку themes/yilia-plus/.
   • Выполните git pull.

Конфигурация

Файл конфигурации темы находится в корневом каталоге _config.yml. Вы можете настроить его в соответствии со своими потребностями.

Полный пример конфигурации можно найти в демонстрационном блоге yilia-plus: http://github.com/JoeyBling/yilia-plus-demo. #weibo: "#" #douban: "#" #segmentfault: "#" #bilibili: "#" #acfun: "#" #mail: "mailto:zhousiwei0911@qq.com" #facebook: "#" #google: "#" #twitter: "#" #linkedin: "#"

Слой наведения курсора мыши на изображение предварительного просмотра

hover_effect:

global 0: Установить отдельно, 1: Включить глобально 2: Выключить глобально

global 0: Устанавливать отдельно, 1: Включать глобально, 2: Отключать глобально

global: 2

Поднавигация

subNav: true

RSS-подписка (о том, как настроить и включить: https://www.jianshu.com/p/2aaac7a19736)

rss: /atom.xml

Нужно ли изменять корневой путь

Если ваш сайт находится в подкаталоге, например http://yoursite.com/blog,

укажите ваш URL как http://yoursite.com/blog и установите / на /blog/.

root: /

Контент

Статья слишком длинная, кнопка «Обрезать» (добавьте этот тег в строку, которую нужно обрезать: )

excerpt_link: more

Кнопка «Показать всё» в правом нижнем углу статьи, если не нужна, установите значение false

show_all_link: 'Развернуть полностью'

Математическая формула

mathjax: false

Открывать ссылки в новом окне | открывать ли ссылки в новой вкладке

open_in_new: article: true # Ссылки на статьи menu: true # Навигационное меню subNav: true # Подменю

Вознаграждение

Тип вознаграждения: 0 — вознаграждение отключено; 1 — вознаграждение активируется только для тех статей, у которых есть атрибут reward:true в файле .md; 2 — вознаграждение включено для всех статей

reward_type: 2

Текст вознаграждения

reward_wording: «Спасибо за то, что вы угостили меня конфетами»

Адрес изображения QR-кода Alipay, аналогично настройке изображения аватара

alipay: /img/alipay.jpg

Адрес изображения QR-кода WeChat

weixin: /img/weixin.png

Оглавление

Настройка оглавления: 0 — оглавление не отображается; 1 — атрибут toc:true в файле .md активирует оглавление; 2 — оглавление отображается для всех статей

toc: 1

Установите значение true, чтобы скрыть повторяющиеся номера в соответствии с вашими предпочтениями. В противном случае установите значение false.

toc_hide_index: true

Заголовок для пустого оглавления

toc_empty_wording: 'Оглавление отсутствует...'

Есть ли кнопка «Вернуться наверх»

top: true

Разное

Статистика Baidu

baidu_analytics: '' google_analytics: ''

Значок сайта

favicon: /favicon.ico

Ваш аватар

avatar: /img/head.jpg

Включать ли кнопку «Поделиться»

share_jia: true

Комментарии: 1. Changyan; 2. Disqus; 3. Gitment; 4. Giteement

Не используйте ненужный вариант, просто установите значение false или закомментируйте его.

Подробнее см. в wiki: https://github.com/JoeyBling/hexo-theme-yilia-plus/wiki

1. Чанъян

changyan_appid: false changyan_conf: false

2. Disqus В корневом каталоге hexo также есть поле disqus_shortname в config, которое имеет приоритет над yilia-plus.

disqus: false

3. Гитмент — система комментариев на основе GitHub (закройте, установив gitment_owner в значение false)

Как интегрировать: https://www.jianshu.com/p/ac7658cc912f

gitment_owner: false #Ваш GitHub ID

Использовать ли официальный js (false может ускорить доступ, локально изменённый js, официальный js может вызвать нестабильность сервера, не рекомендуется использовать)

gitment_remote: false gitment_repo: '' #Имя репозитория для хранения комментариев (необходимо создать на GitHub) gitment_oauth: client_id: '' #Идентификатор клиента client_secret: '' #Секретный ключ клиента

4. Гитимэнт — система комментариев, основанная на коде Cloud (рекомендуется для пользователей внутри страны)

Интеграция: https://www.jianshu.com/p/f5c4633524c7

Система комментариев на основе кода Cloud (https://gitee.com/zhousiwei/giteement)

giteement: enable: false # Включить систему комментариев кода Cloud

Использовать ли официальный js (false может ускорить доступ)

remote: false redirect_uri: '' # Обратный адрес приложения (должен совпадать с настроенным сторонним приложением)

Нельзя изменить (специально созданный сервер для междоменного доступа, предоставленный автором проекта https://github.com/Rob--W/cors-anywhere)

oauth_uri: https://cors-anywhere.herokuapp.com/https://gitee.com/oauth/token giteeID: '' # Ваш аккаунт на Code Cloud

Имя репозитория для хранения комментариев (создать публичный репозиторий на Code Cloud)

repo: '' gitment_oauth: client_id: '' #Идентификатор клиента client_secret: '' #Секретный ключ клиента

Функция статистики посещений (не чеснок)

busuanzi: enable: true site_visit: true # Отображение количества посещений сайта article_visit: true # Количество просмотров статей

Плагин музыки NetEase

music: enable: false

Размер проигрывателя (1: длинный размер, 2: короткий размер)

type: 2 #id: 1332647902 # Идентификатор музыки NetEase (измените музыку, изменив эту конфигурацию) autoPlay: true # Активировать ли автоматическое воспроизведение

Текст подсказки (отключите, установив значение false)

text: «Это, кажется, чистая музыка, пожалуйста, наслаждайтесь ею!»

Маленькая красная точка на странице клика

clickLove:

(отключить, установив значение false)

enable: true

Ленты GitHub (https://github.blog/2008-12-19-github-ribbons/)

github:

(отключить, установив значение false)

url: https://github.com/JoeyBling/hexo-theme-yilia-plus

Нижний колонтитул Litten (эта конфигурация устарела)

Помогите нам сделать Hexo более доступным, постарайтесь не изменять эту тему конфигурации

pageFooter: litten: GitHub:hexo-theme-yilia-plus

Включить автоматическую отправку данных на платформу Baidu Station (https://ziyuan.baidu.com/linksubmit/index)

baidu_push: false

Заявление об авторских правах

Установка типа заявления об авторских правах: 0 - отключить заявление об авторских правах; 1 - атрибут copyright: true в файле .md, активировать заявление об авторских правах; 2 - все статьи имеют заявление об авторских правах.

copyright_type: 2

Год основания сайта (по умолчанию 2018, если введено меньше текущего года, будет отображаться как 2018–2019 и т. д.)

since: 2018

Progress Bar | Индикатор загрузки страницы

Демо: http://github.hubspot.com/pace/docs/welcome/

type: barber-shop|big-counter|bounce|center-atom|center-circle|

center-radar|center-simple|corner-indicator|flash|flat-top|

loading-bar|mac-osx|minimal

color: black|blue|green|orange|pink|purple|red|silver|white|yellow|

progressBar: enable: false type: 'minimal' # Сохраняйте кавычки | Сохранять кавычки, чтобы избежать ошибок (некоторые типы могут привести к ошибкам макета) color: blue

Apple Touch icon значок Apple (отключить, установив значение false)

apple_touch_icon: ``` '/apple-touch-icon-180x180.png'

Tab Title Change | 标签页标题切换

tab_title_change: enable: true left_tab_title: '(つェ⊂) Я спрятал, о~' return_tab_title: '(´∇｀) Ты нашёл меня~'

https://github.com/willin/hexo-wordcount

是否开启字数统计(关闭请设置enable为false)

Также можно отдельно в файле Front-matter установить no_word_count: true, чтобы отключить подсчёт слов

word_count: enable: true

只在文章详情显示(不在首页显示)

only_article_visit: true

文字输入特效

https://github.com/disjukr/activate-power-mode

activate_power_mode: enable: true

使输入模式丰富多彩

colorful: true

是否开启摇动

shake: false

飘雪特效

https://github.com/MlgmXyysd/snow.js

snow: false

Плагин для просмотра моделей Live2D

https://github.com/JoeyBling/live2d-widget.js

live2d:

(关闭请设置为false)

enable: false

Модель (можно выбрать из списка: https://github.com/JoeyBling/hexo-theme-yilia-plus/wiki/live2d%E6%A8%A1%E5%9E%8B%E5%8C%85%E5%B1%95%E7%A4%BA)

model: hibiki display: position: right # Расположение: слева или справа (по умолчанию: 'right') width: 145 # Ширина модели (по умолчанию: 150) height: 315 # Высота модели (по умолчанию: 300) hOffset: 50 # Горизонтальное смещение (по умолчанию: 0) #vOffset: -20 # Вертикальное смещение (по умолчанию: -20) mobile: show: false # Отображение на мобильных устройствах (по умолчанию: true) scale: 0.6 # Масштаб на мобильных устройствах (по умолчанию: 0.5) react: opacity: 0.8 # Прозрачность модели (по умолчанию: 0.7)

Стиль оформления - обычно не требует изменений, если нет особых предпочтений...

style:

Цвет фона над аватаром

header: '#D3D1DC'

header: '#4d4d4d' gif: # Включение эффекта анимации левой боковой панели enable: false # Путь к фоновому изображению (по умолчанию можно не устанавливать, используется стандартное изображение) # path: /img/biubiubiu.gif

Фон правой боковой панели

slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'

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

slider:

По умолчанию показывать блок тегов

showTags: false

Умное меню

Если не нужно, установите значение false для соответствующих пунктов

Например

#smart_menu:

friends: false

smart_menu: innerArchive: 'Все статьи' friends: 'Ссылки' aboutme: 'Обо мне'

Ссылки друзей

friends: Технические заметки: # Название сайта # Адрес сайта url: https://zhousiwei.gitee.io/ibooks/ # Изображение сайта (можно опустить) img: https://zhousiwei.gitee.io/ibooks/favicon.ico # Описание сайта (можно опустить) description: Записи о работе и учёбе: Java, фронтенд разработка, Hexo блог, агрегация платежей, Linux заметки, ElasticSearch, ELK логический анализ GitHub: url: https://github.com/JoeyBling Код Cloud: url: https://gitee.com/zhousiwei Простые записи: url: https://www.jianshu.com/u/02cbf31a043a CSDN: url: https://blog.csdn.net/qq_30930805

Обо мне

aboutme: Основные технологии:
Java бэкенд разработка, агрегация платежей,
разработка публичных аккаунтов, открытый исходный код, Linux

Контакт QQ:2434387555

Стыдно

Только сделал небольшую работу
Спасибо всем