vuepress-theme-hope

VuePress Theme Hope

Тема vuepress с множеством функций✨

Руководство 🧭вступление 💡Конфиг 🛠Онлайн-демонстрация 🪀

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

Добавление выравнивания, надстрочного/подстрочного скрипта, сноски, списка задач, текста, блок-схемы, диаграммы, выделения и поддержка презентации в Markdown

Слайд-страница

Добавление страниц слайдов для отображения того, что вам нравится

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

Добавление хлебных крошек, нижнего колонтитула, улучшенной панели навигации, улучшенной навигации по страницам и т. д.

Просмотры страниц и комментарии

Запустите статистику просмотров страниц и поддержку комментариев с помощью Waline

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

Добавление автора, даты написания, время чтения, количество слов и другой информации в свою статью

Поддержка блога

Список ваших статей с их датами, тегами и категориями с некоторыми потрясающими макетами

Пользовательский цвет темы

Поддержка пользовательских цветов темы и позволяет пользователям переключаться между предустановленными цветами темы

Темный режим

Свободно переключайтесь между светлым и темным режимами

Полная поддержка A11y

Полная поддержка специальных возможностей на вашем сайте

Шифрование статьи

Шифруйте свои статьи на основе ссылок на страницы, чтобы их мог видеть только тот, кому вы хотите

Search

Support docsearch and client search

Кнопка копирования

Копируйте коды одним кликом в блоках кодов

Предпросмотр изображения

Поддержка просмотра, масштабирования, обмена изображениями на странице, например, в галерее

СЕО-улучшения

Оптимизация страниц для поисковых систем

Карта сайта

Создание карты сайта для своего сайта

Поддержка каналов

Создание потока, чтобы пользователи могли подписаться на него

Поддержка PWA

Сделайте свой сайт больше похожим на APP

Больше новых функций

Включая поддержку иконок, полноэкранную кнопку и т. д.

🛠Установка

Создайте проект vuepress-theme-hope в каталоге [dir] по текущему пути:

pnpm create vuepress-theme-hope@next [dir]

To add vuepress-theme-hope as docs builder to an existing project, run the following command in the project root directory:

pnpm create vuepress-theme-hope@next add [dir]

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

// .vuepress/config.ts
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    // your theme config here
  }),
});

Пошаговое руководство

Группа в Телеграмм