Перейти к основному содержанию

Вступление к теме

Около 2 минНачало работыНачало работыВступление

Первоначальное намерение

Первоначальная цель создания этой темы заключалась в том, чтобы обнаружить, что VuePress — это просто чистый генератор статических документов. Например, он не будет внедрять метатеги для SEO-оптимизации и не будет генерировать карту сайта, чтобы помочь поисковым системам индексировать содержимое документа.

Хотя VuePress в определенной степени расширил синтаксис Markdown, в нем по-прежнему отсутствуют некоторые часто используемые функции, такие как выравнивание текста, отметка, блок-схема, формула, презентация и т. д. В то же время некоторые функции, предоставляемые темой по умолчанию, слабы или отсутствуют. , такие как предварительный просмотр изображения, темный режим и т. д.

В этом случае родился дизайн vuepress-theme-hope.

Эта тема не только значительно улучшает внешний вид по сравнению с @vuepress/theme-default, но также предназначена для предоставления полного спектра улучшений для VuePress с помощью своих плагинов.

Этот проект не только тема

Хотя vuepress-theme-hope/vuepress-theme-hopeopen in new window сам по себе помечен как репозиторий тем, он также содержит более десятка одинаково полный и мощный плагин. Каждый плагин также является мощным, его можно использовать с темой по умолчанию или сторонними темами.

Основываясь на такой дюжине плагинов, Mr.Hope может с уверенностью сказать, что vuepress-theme-hope — это «Мощная тема с множеством функций». Его также можно рассматривать как наиболее универсальную и всеобъемлющую тему среди всех тем VuePress.

Цели дизайна

Цель V1

  • Направление: все функции предназначены для улучшения документа содержание и предоставление общего доступа.

  • Мощные и независимые функции: тема предоставляет подробные сведения о функциях и разбивает их на независимые плагины, чтобы пользователи могли использовать их в других темах.

  • Нулевая или простая конфигурация: все функции этой темы предназначены для работы с нулевой или простой конфигурацией, чтобы сократить ваши затраты на миграцию или обучение, в то же время наслаждаясь их удобством.

На основании достигнутой цели V1 далее осуществляется v2:

  • Улучшенный внешний вид: интерфейс темы не основан на макете и стиле темы по умолчанию, а полностью переработан.

  • Функции развязки: с помощью API композиции Vue3 тема полностью достигает «Tree-shaking», оставаясь при этом мощной.

    Тема будет работать только с теми функциями, которые вам нужны, не замедляясь другими функциями и не влияя на размер сборки.

Почему мощный

Богатство контента

Тема предоставляет расширенную поддержку синтаксиса для Markdown, позволяя вам вставлять больше контента в тело.

Короче говоря, каждый может насладиться удобством расширенного синтаксиса Markdown.

Пользовательский интерфейс страницы

Функция поиска

Тема добавляет встроенную поддержку официального поискового плагина VuePress.

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

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

Поисковая оптимизация

  • Предоставляет Улучшение СЕО, автоматически вводит информацию для полной поддержки протоколов OGP и JSON-LD и улучшает индексацию поисковыми системами.

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

  • Предоставляет PWA

Другие