Руководство

Совет

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

Возможности темы✨

Тема во многом наследует конфиг @vuepress/theme-default, при этом добавляет в него множество функций и оптимизацию макета.

Улучшение разметки

Добавлено больше синтаксиса в Markdown, что обогащает документацию и написание блогов:

• Пользовательский контейнер
• Вкладки
• Вкладки кода
• Сноска
• Список задач
• Улучшение изображения
• Пользовательское выравнивание
• Пользовательские атрибуты
• Подстрочный и Надстрочный индекс
• Выделение
• Диаграмма
• ECharts
• Блок-схема
• Поддержка Tex
• Диаграмма Mermaid
• Включить файл
• Демонстрация кода
• Презентация
• Стилизация
• Playground
• Vue Playground
• Компоненты из коробки
• Кастомизация темы

Макет

Новое в странице:

• Путь навигации

• Добавлен якорь TOC справа ниже ширины рабочего стола

• Пользовательский футер

Оптимизация макета:

• Полностью переработана мобильная верстка

• Улучшения навигации по страницам и метастиля страниц

• Оптимизация домашней страницы по умолчанию:

  • Функции могут иметь иконки, ссылки и новый внешний вид
  • Оптимизация широкоэкранного макета

Интерфейс

• Поддержка иконок

• Панель навигации

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

• Цвета темы: позволяет динамически переключаться во время просмотра

• Темный режим: позволяет переключаться вручную или применять автоматически в соответствии с настройками устройства

• Кнопка полного экрана

• Кнопка «Вернуться к началу»

Улучшение страницы

• Копирование кода в один клик

• Функция предварительного просмотра изображения: поддерживает масштабирование, перетаскивание, скользящий просмотр, совместное использование и загрузку

• Сервис комментариев

• Информация о странице

  • Количество чтений
  • Автор и дата написания
  • Автоматически сгенерированное количество слов и предполагаемое время чтения
  • Теги и категории

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

• Шифрование

• Поддержка поиска

Блог

• Список статей с прикрепленной поддержкой и автогенерацией резюме

• Список категорий и тегов

• Временная шкала

• Избранная статья

• Новый макет главной страницы

Расширенные возможности

• Поддержка PWA

• Генерация потока

• SEO-улучшение

• Генерация карты сайта

Встроенные плагины🧩

Тема включает в себя следующие плагины, вы можете использовать их в других темах или напрямую.

• vuepress-plugin-auto-catalog: Автоматическое создание каталога для VuePress2
• vuepress-plugin-blog2: Плагин блога для VuePress2
• vuepress-plugin-comment2: Комментарии и просмотры страниц
• vuepress-plugin-components: Предоставляет некоторые готовые плагины
• vuepress-plugin-copy-code2: Предоставляет кнопку копирования для блоков кода
• vuepress-plugin-copyright2: Добавляет информацию об авторских правах при копировании или отключении копирования и выбора
• vuepress-plugin-feed2: Поддержка потоков
• vuepress-plugin-md-enhance: Предоставляет больше синтаксиса Markdown
• vuepress-plugin-photo-swipe: Делает так, чтобы изображение на сайте поддерживало увеличение масштаба
• vuepress-plugin-pwa2: Расширенная поддержка PWA
• vuepress-plugin-reading-time2: Ожидаемое время чтения и количество слов
• vuepress-plugin-sass-palette: Плагин в стиле Sass для всех плагинов и тем
• vuepress-plugin-seo2: Плагин для улучшения СЕО
• vuepress-plugin-sitemap2: Плагин карты сайта

Совет

Вот некоторые другие плагины, которые по умолчанию не включены в тему, вы можете включить их в соответствии со своими потребностями

• vuepress-plugin-lightgallery: Плагин предварительного просмотра фотографий на основе lightgallery
• vuepress-plugin-redirect: Редирект страниц
• vuepress-plugin-remove-pwa: Плагины для удаления pwa
• vuepress-plugin-search-pro: Клиентский плагин поиска