vuepressすぐに静的なウェブサイトを構築します

何であるか1 vuepress？
Http://caibaojian.com/vuepress/guide/ 公式文書が非常に明確に述べている、vuePress特に雨が川は別の傑作で
、より高速なため、チュートリアルを構築するものの種類をvuepress感じるためにここにどのような効果。

2.（もっとするノードのバージョン8.0）をインストール後にデモフォルダの新しい名前を作成します。

NPM -g vuepress //グローバルインストールをインストールし、vuepress 
のinit -y //高速初期化をNPM、これはpackage.json以下のデモフォルダが生成されます。

3.コンフィギュレーションスクリプトを実行します。

Package.jsonの設定、オプションがあるスクリプト、次の2つのコード行は、行にリストに追加されます

{ 
  "スクリプト"：{ 
    "ドキュメント：DEV"： "vuepress devのドキュメント"、
    "ドキュメント：ビルド"： "vuepressビルドのドキュメント" 
  } 
}

デモフォルダ4.、そこに少し文章を書き、新しいREADME.mdファイルを作成し、ドキュメントフォルダを入力して、新しいドキュメントのフォルダを作成します！
ファイルがディレクトリであります

デモ
+ -ドキュメント
+ ---- README.md 
+ - package.json

5. DOは我々だけでスクリプトコマンドを挿入して
実行してドキュメントをNPM：DEV //このコマンドを実行して、サイトを閲覧、私たちはREADME.mdでコンテンツを書いている内容は、
実行ドキュメントを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 '}、
        {テキスト：' Interfaceフィールド定義'リンク：' / API '}、
        {テキスト：'付録：エラーコード'リンク：' /エラー「} 
    ]、
    sidebarDepth。 2 
  } 
}

7.実行NPM実行ドキュメント：devが、効果それを見て！！！

vuepressすぐに静的なウェブサイトを構築します

おすすめ