DEV Community

Y-kun
Y-kun

Posted on

1 1

I used VuePress:)

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
Enter fullscreen mode Exit fullscreen mode

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

cd docs
npm install
Enter fullscreen mode Exit fullscreen mode

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

npm run dev
Enter fullscreen mode Exit fullscreen mode

This will give you a simplified preview.

Source Code

config.js

  • logo: Images can be placed in the upper left corner
logo: '***.png',
Enter fullscreen mode Exit fullscreen mode
  • Add a side bar
sidebar: {
      '/blog/': [
        {
          title: 'Blog',
          collapsable: false,
          children: [
            '',
            'using-vue',
          ]
        }
      ],
    } 
Enter fullscreen mode Exit fullscreen mode

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay