ドキュメントのブログ

直接参照再生するにはどのようにvuepressの文書にそれを、あなたはいくつかの知識木製のものをまとめることができ、またはそのような温かいお風呂のようなバネとして、数回で毎日顔を繰り返し、再現し、他を引っ張っていない、とデプロイ方法を自分の単純なテンプレートのビルドを書きますgithubの静的ページ、コードが最終的雲頂、その速度、飛行の一般的な感覚に移動しますので、gitのアクセスは、比較的遅いので....

まず、それを型枠

ノード環境、vuepress環境は、直接参照ドキュメントを言っているわけではありません

：ブラザーは、使用して多くの教訓を保持しているレコが広告を覚えて、このバージョンは、私は雑多な南の広告を果たしました

ステップオールド練習段階では、1、来る、読者が読み、完成品を恐れて、ああ、左心室は、ファック、吸盤のもの、毛沢東によって書かれたブログに意味が失われ、ハハ、ブログは適していません書き込み原理は、少し良く出版ほとんどああ。ギャングスター多くの文学的才能を知っている、デンバーの原則に書き込むために、兄の多くは、あなたが私を修正するのに役立ちます読書の量、または全く問題に仕上がっ数日を問うが、前提は、胃ですそこにあるインク行かなければならなかった生きるために、いわゆる、それは緑のドット、ナンセンス、オープンラインと木製でした

githubのに移動します、新しい、作成デポをクリックしてください

2.は、ページを作成し、最後にボタンを作成]をクリックし終えた自分の名前の倉庫を、書き込み、現在のリポジトリのページを入力します

3.クローン現在のリポジトリ、選択し、sshを使用する権限を読み取りおよび書き込み、HTTPSは、書き込み権限がありません

注：あなたはないクローン、独自の程度発生していない上、現在のコンピュータ上のキーを追加する場所を最後から二番目の設定を、見つける、右上の写真をクリックすることができます

デスクトップ上の倉庫4.クローニングして、

小さなパートナーは試みることができるようにターミナルの使用cmderは、この端末はまだ素晴らしいです、gitのが付属しています、

生成するために、次の実行、初期化スクリプトのpackage.json、インストールvuepress、およびvuepressテーマ-RECO依存皮膚の5クローニング

# git clone 仓库地址

# cd 项目目录

# npm init -y 

# yarn add vuepress vuepress-theme-reco

6.次のように、新しいファイルREADME.md、フォルダのドキュメントのルートディレクトリのドキュメントに新しいファイルを作成します。

# mkdir docs

# cd docs

# touch README.md

でREADME.mdファイルに次の文を書く（これはマークダウン構文です）

# Hello Vuepress

最後のディレクトリは以下のようになります。

7.設定の起動スクリプトは、package.jsonで、その後のスクリプト

  "scripts": {
    "start": "vuepress dev docs",
    "build": "vuepress build docs"
  },

8.ドゥプロジェクトを開始するために開始NPM ....スタートが完了すると、以下のアドレスを開き、このページの下部を参照してください

9. [設定vuepressし、次のディレクトリのドキュメントフォルダを作成し、config.jsのはpuclicフォルダがなど画像などの静的リソースに格納され、設定ファイルであります

次のようにconfig.jsのは、具体的な構成については、参照して、オブジェクトをエクスポートし、設定ファイル、設定のリファレンストピックレコ繰り返し以上行いません、

module.exports = {
  title: 'demo模板',
  description: '我的第一个',
  markdown: {
    lineNumbers: true
  },
  theme: 'reco', // 使用皮肤
  themeConfig: {
    nav: [{ text: '主页', link: '/', icon: 'reco-home' }],
    version: '1.0'
  },
  plugins: []
}

10.再起動プロジェクト...、以下を参照してください

11.静的なページにgithubのに展開、

1.まず、あなたの倉庫に行き、倉庫名は、それをコピー

config.jsのドキュメント2.ファイルを開くには、基本プロパティを設定し、名前があなたの倉庫の名前は、持参することを忘れないで、二重/ /
module.exports = {
  base: '/demo-vue-press/',
  title: 'demo模板',
  description: '我的第一个',
  markdown: {
    lineNumbers: true
  },
  theme: 'reco',
  themeConfig: {
    nav: [{ text: '主页', link: '/', icon: 'reco-home' }],
    version: '1.0'
  },
  plugins: []
}
3.設定自動包装スクリプト、その後、新しいdeploy.sh（Jiaosha名は重要ではありませんが、ファイル名としては.shしなければならない）のルートディレクトリの下に、コンテンツが下に書かれています、

あなた自身のアドレスにこれを置くことを忘れないでください：

以下の設定が自動的にパッケージ化し、リポジトリGH-ページの枝にファイルをパックされ、その倉庫のアドレスを交換することを忘れないでください
#!/usr/bin/env sh

# 确保脚本抛出遇到的错误
set -e

# 生成静态文件
npm run build

# 进入生成的文件夹
cd docs/.vuepress/dist

git init
git add -A
git commit -m 'deploy'

# 如果发布到 https://<USERNAME>.github.io/<REPO>
git push -f [email protected]:frontend-qin/demo-vue-press.git master:gh-pages

cd -
ここでは4に、スクリプトは、実行します

あなたは、単に直接入力コマンドは、このファイルを実行し、再vscode端子することができ、実行時に最後にスクリプトをドラッグすることができます

あなたが入力したら、（キーを入力）、ウィンドウは、ウィンドウは近く、目の前覚えて実行した後など、として次の、gitのをポップアップ表示されます[OK]をクリックし、倉庫のアドレスステップを、エラーが、それ以外の場合は、実行のエラーはないだろう

5.オープンウェアハウス・ページ、リフレッシュ、ブランチをクリックしては、あなたは、静的なファイルが表示され、その後、このブランチに切り替え、GH-ページの枝が表示されます

6. [倉庫の設定

このページへ7.移動し、アドレスが表示されます、GitHubのページを見つけるために、ドロップダウン、分岐GH-ページブランチを選択

あなただけの持っているページのアドレスをクリックします8.

ここでは倉庫のページの表示回数、クリック数、倉庫、ページへの倉庫裏にこのアドレス割り当て9.編集編集に戻って上のアドレスをクリックして、保存するには、以上の基本的です