Vuepressコードクラウドの導入と自動ジャンプ404の問題

1425 ワード

紹介する
VuePressは、Vueで駆動されるトピックシステムのシンプルな静的Webサイト生成ツールと、技術ドキュメントを作成するために最適化されたデフォルトのトピックの2つのセクションで構成されています.Vueサブプロジェクトのドキュメント要件をサポートするために作成されます.
VuePressによって生成された各ページには、対応するプリレンダリング静的HTMLがあり、優れたロード性能を提供し、SEOに友好的です.しかし、ページがロードされると、Vueはこれらの静的なコンテンツを完全な単一ページアプリケーション(SPA)に引き継ぐ.ユーザーがサイトをブラウズしている間に、必要に応じて他のページをロードできます.
次のガイドを配置すると、プロジェクトのdocsディレクトリにドキュメントを配置し、デフォルトのコンパイル出力場所を使用すると仮定します.
GitHubページ
将vuepress/config.jsのbaseはあなたの倉庫名に設定されています.例えば、倉庫がhttps://github.com/foo/barを選択すると、配置されたページはhttps://foo.github.io/barを選択してもアクセスできます.この場合、baseを「/bar/」に設定する必要があります.
あなたのプロジェクトでは、次のように実行されます.
#   
vuepress build docs

#          


cd docs/.vuepress/dist

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

あなたの倉庫に押したgh-page分岐
あなたのメッセージに置き換える
git push -f [email protected]:/.git master:gh-pagesこのスクリプトをCI設定で実行して、プッシュごとの自動配置を有効にできます.
コードクラウドページ-Gitee Pages
config.jsの設定とGitHubページの設定の方法は、一致する項目のパッケージが完了するとdocs-である.vuepress-distのすべてのファイルをコードクラウドオープンコードクラウドのGitee Pagesサービスにアップロード
注:私がオンラインになった後、トップページの自動ジャンプ404の問題が発生したのは、コードクラウドGitee Pagesサービスのウェブサイトのアドレスが小文字で、config.jsのbase部分をすべて小文字に変更するとvuepressジャンプ404の問題を解決できます