vuepress 신속하게 정적 인 웹 사이트를 구축

무엇 1. vuepress?
Http://caibaojian.com/vuepress/guide/  공식 문서가 매우 명확하게 말한다 vuePress 특히 비가 강은 또 다른 걸작이다
, 더 빠르고, 자습서를 만들 것을 어떤 종류의 vuepress 느낄 여기 어떤 영향을.

설치 (노드 버전 8.0 이상으로) 후 2 데모 폴더의 새 이름을 만들기

NPM -g vuepress // 글로벌 설치를 설치, vuepress 
초기화 -y // 빠른 초기화를 NPM,이 package.json 아래의 데모 폴더를 생성합니다

 

 

3. 구성 스크립트를 실행

Package.json 구성은, 스크립트 옵션이 있습니다, 다음 두 줄의 코드 라인에 목록에 추가됩니다

{ 
  "스크립트": { 
    "문서 : DEV": "vuepress dev에 워드 프로세서", 
    "문서 : 건설": "vuepress 빌드 문서" 
  } 
}

4. 데모 폴더에서 다음의 문서 폴더를 입력, 새로운 문서 폴더를 만들려면 새 README.md 파일을 만들고, 거기에 약간의 텍스트를 작성!
이 파일은 디렉토리입니다

데모 
+ - 문서 
+ ---- README.md 
+ - package.json

5. 우리가 스크립트 명령을 삽입 함
이 명령을 실행 // dev에, 당신이 사이트, 우리가 README.md 콘텐츠를 작성한있는 내용보기 : 실행 문서를 NPM
실행 문서를 NPM : 명령을 // 구축 실행을, 포장 DIST 파일 .vuepress 폴더를 생성하고
그 디렉토리 구조를

데모 
+ - 문서 
. vuepress + ---- 
패키지 폴더 // 후 + ------ DIST 파일 
+ ---- README.md 
package.json - + 
+ - node_modules

6. congfig.js 아래 .vuepress에서 파일을 만듭니다

= {module.exports의 
  제목 : 'Adroi 미디어 API 인터페이스 문서', // 사이트 제목 설정 
  'Adroi': 설명 
  자료 : '/ V1 / adroi-H5 / adroiapi /', 
  themeConfig : { 
    NAV : [ 
        {텍스트를 ' 인터페이스 정의 '링크'/ apiword '}, 
        {텍스트 :'인터페이스 필드 정의 '링크'/ API '}, 
        {텍스트 :'부록 : 오류 코드 '링크'/ 오류 '} 
    ], 
    sidebarDepth : 2 
  } 
}

7. 실행 NPM 실행 문서 : DEV, 효과 그것을 봐! ! !