I used VuePress:)

#vue #javascript #webdev #shell

Well, I'm participating in a SNS called Misskey. The great thing about this SNS is that it's an open source project developed by a Japanese guy named syuilo.
When I learned that MisskeyHub, the official documentation site of this project, is implemented in VuePress, I decided to try using it.
In this article, I would like to summarize how to use VuePress and what I lost when I built it as a reminder.

Installing

VuePressV1 cans be built in an instant with a few simple commands.

npx create-vuepress-site

This completes the basic installation. A simplified view is then displayed.

cd docs
npm install

It will take a little time, so be patient and wait.

npm run dev

This will give you a simplified preview.

Source Code

config.js

logo: Images can be placed in the upper left corner

logo: '***.png',

Add a side bar

sidebar: {
      '/blog/': [
        {
          title: 'Blog',
          collapsable: false,
          children: [
            '',
            'using-vue',
          ]
        }
      ],
    }