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

Конфигурация темы

Меньше 1 минутыУчебник с примерамиVuePressТемаVuePress

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

Тема по умолчанию

VuePress имеет стандартную тему по умолчанию, которая применяется к нашему сайту документации, который вы сейчас просматриваете.

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

Чтобы настроить тему по умолчанию, вам необходимо импортировать и использовать ее в файле конфигурации с помощью параметра темаopen in new window:

import { defaultTheme } from "vuepress";

export default {
  theme: defaultTheme({
    // default theme config
    navbar: [
      {
        text: "Home",
        link: "/",
      },
    ],
  }),
};

Тема по умолчанию предоставляет основные, но полезные функции для сайта документации, вы можете проверить Справочник по настройке темы по умолчаниюopen in new window для получения полного списка конфиг.

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

Тема сообщества

Пользователи сообщества создали множество тем и опубликовали их в NPMopen in new window. Вы должны проверить собственную документацию темы для подробного руководства.

Местная тема

Если вы хотите использовать свою собственную тему, но не хотите ее публиковать, вы можете создать локальную тему. Смотрите Дополнительно > Написание темыopen in new window, чтобы узнать, как написать собственную тему.