vuepress web app

jingqing xuan villa

vuepressで構築されたWebアプリケーション：https：//nice.lovejade.cn

目標と哲学

Jingqingxuan villaの当初の意図は、 VuePress ：Vue-static static Webサイトジェネレーターを体験することでした。 Vuepressは2つの部分で構成されています。1つは、 Vueのテーマの開発をサポートするミニマリストの静的Webサイトジェネレーターであり、もう1つは技術文書の作成に最適化されたデフォルトのテーマです。もともとは、 Vueとそのサブプロジェクトのドキュメント要件をサポートするために作成されました。

VuePressによって生成されたすべてのページには、事前にレンダリングされたHTMLが付属しています。これには、非常に優れた読み込みパフォーマンスと検索エンジン最適化（ SEO ）もあります。同時に、ページが読み込まれると、Vueは静的コンテンツを引き継ぎ、完全なシングルページアプリケーション（ SPA ）に変換し、他のページはユーザーがブラウジングするときにのみロードされます。さらに、次の優れた機能も組み込まれています。

• テクニカルドキュメント用に最適化された内蔵マークダウン拡張機能
• マークダウンファイルでVUEコンポーネントを使用する機能
• Vue駆動型カスタムテーマシステム
• サービスワーカーを自動的に生成します
• Google Analytics統合
• 多言語サポート
• デフォルトのテーマには以下が含まれます。
  • レスポンシブレイアウト
  • オプションのホームページ
  • 簡潔なボックス外のタイトル検索
  • アルゴリア検索
  • カスタマイズ可能なナビゲーションバーとサイドバー
  • 自動的に生成されたgithubリンクとページのリンクを編集します

Nuxt 、 Hexo 、 Jekyll 、 Docsify 、 GitBook 、その他のツールと比較して、 VuePressさまざまな方向に大きな利点があり、まだ開発と更新を行っています。個人的なブログや技術文書を作成する必要がある場合は、 VuePress最適です。

追加機能

• Github Issue （組み込みのGitalkに相当）に基づいてコメント関数を追加します。 .vuepress/themeconfig.jsファイルのcommentフィールド構成を変更するだけです。特定のフィールドの意味については、Gitalkオプションを参照してください。
• 一般的に使用されるコンポーネントの書き込みを容易にするためのelement-ui依存関係があります。このプロジェクトでは、コメントコンポーネントに加えて、 Advertisement 、 ArticleList 、 Contactなどもあります。
• より「標準的な」マークダウンを書くために、 prettier lint-staged 、 husky 、その他の依存関係を紹介します。コードベースに一貫したスタイルがあることを確認するために、Gitフックに注入します。チームと協力して書くことがあっても、統一されたスタイルの問題を心配する必要はありません！

使い方

プロジェクトを独自のコードリポジトリにFork 、次のコマンドを実行できます。

 # ? clone the project
https://github.com/nicejade/vuepress-web-app.git
cd vuepress-web-app

# ➕ install dependencies & start dev
yarn && yarn start

deploy.shファイルの「カスタムドメイン名」と「リポジトリパス」を変更するには、次のコマンドを実行して展開を実現します（デフォルトではgithub pagesに公開します。

 #  deploy to github-page
yarn deploy

関連リンク

• 美しい都市のチェーン
• 私について
• 個人的なブログ
• Jingxuanの別れの庭
• jingqing xuan villa
• 私の心は静かで明確です
• 天と地の意志
• Sina Weibo
• Zhihuホームページ
• Jianshuホームページ
• SegmentFault
• ツイッター
• Facebook

WeChat公式アカウント	フロントエンドWECHATグループ	推奨されるWebアプリケーション
jingqingxuan	ビッグフロントエンドアライアンス	？美しい都市のチェーン

ライセンス

mit

著作権（c）2018-present、nicejade