VuePress를 사용했습니다 :)

참, 저는 Misskey라는 SNS에 참여하고 있습니다. 이 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',
              ]
            }
          ],
        } 
    

    좋은 웹페이지 즐겨찾기