Я использовал VuePress:)

Я участвую в SNS под названием Misskey. Самое замечательное в этой SNS то, что это проект с открытым исходным кодом, разработанный японцем по имени syuilo.
Когда я узнал, что MisskeyHub, официальный сайт документации этого проекта, реализован на VuePress, я решил попробовать использовать его.
В этой статье я хотел бы кратко описать, как использовать VuePress и что я потерял при его создании в качестве напоминания.

Установка

VuePressV1 можно собрать в одно мгновение с помощью нескольких простых команд.

npx create-vuepress-site
Войти в полноэкранный режим Выйти из полноэкранного режима

На этом базовая установка завершена. После этого отображается упрощенный вид.

cd docs
npm install
Войти в полноэкранный режим Выход из полноэкранного режима

Это займет немного времени, поэтому наберитесь терпения и подождите.

npm run dev
Вход в полноэкранный режим Выход из полноэкранного режима

Это даст вам упрощенный предварительный просмотр.

Исходный код

config.js

  • логотип: Изображения могут быть размещены в левом верхнем углу
logo: '***.png',
Вход в полноэкранный режим Выход из полноэкранного режима
  • Добавить боковую панель
sidebar: {
      '/blog/': [
        {
          title: 'Blog',
          collapsable: false,
          children: [
            '',
            'using-vue',
          ]
        }
      ],
    } 
Войти в полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий