BlazorStatic

静的なWebサイトを作成するために、Blazorの力を活用します。

Blazorアプリを静的サイトに変換します。

？どのように機能しますか？

Blazorstaticは、特にBlazorをすでに扱っている場合は、あらゆる種類のフロントエンドフレームワークを扱ってきたほとんどの開発者にとって直感的で使いやすいことを目指しています。

Blazorstaticのサイトは、ライブラリの機能が豊富な例です。ソースコードを確認してください。

アプリを実行すると、 BlazorstaticはHttpClient使用してページのHTMLを取得し、HTMLファイルとアセットをoutputフォルダーに出力し、そこから標準のHTTPサーバーまたはホスティングサービスに展開できます。

使用をシンプルに保つために多くのデフォルトがありますが、広範囲に設定できます。たとえば、Markdownファイル（他の静的サイトジェネレーターから再利用できます）でYAMLフロントマターを一致させることができます。

はじめる

セットアップと意図した使用に応じて、3つの方法でBlazorstaticの使用を開始できます。開始するには.NET SDK 8以降が必要です。

？推奨方法

Blazorstaticテンプレートをインストールします。

dotnet new install BlazorStatic.Templates

これにより、 dotnet newテンプレートリストに新しいオプションが追加されます。次に、以下を使用して新しいプロジェクトを作成します。

dotnet new BlazorStaticMinimalBlog -o MyBlazorStaticApp

これにより、 MyBlazorStaticAppフォルダーとプロジェクトが作成されます。これは、いくつかの事前定義されたコンポーネント、スタイル、およびコンテンツの例を備えたブログ投稿を含む、Blazorstaticパッケージがインストールされた標準の.NET Blazorアプリです。

dotnet watchを使用してアプリを実行します。これにより、アプリが起動し、ライブで表示できるようになり、 outputフォルダーに静的HTMLファイルも生成されます。

ここから、プロジェクトを探索したり、コンテンツを追加したり、新しいページを作成したりする準備ができています。

• マークダウンファイルは、 Content/Blogフォルダーにあります。
• .gitignoreファイルは標準の.NET推奨に含まれており、 outputフォルダーを無視します。
• テンプレートには、GitHubページに建設および展開するためのgithubアクションを備えた.githubフォルダーも含まれています。以下の展開セクションを参照してください。
• 何でもカスタマイズできます。詳細については、このドキュメントを参照してください。このドキュメントでは、すべてを詳細に説明しています。

？

BlazorstaticMinimalBlogをテンプレートとして使用します（ビッググリーンボタン）。

すべてのコンテンツをコピーして、GitHubアクションを実行します。実行したら、設定に移動してGitHubページをオンにします。

あなたのページは今準備ができています！

カスタムウェイ

Blazorstaticがどのように機能するかを完全に理解したい場合、またはBlazorstaticライブラリを統合したい既存のプロジェクトがある場合は、ゼロから始めてください。ガイダンスについては、このドキュメントをご覧ください。

？特徴

• 既存のブレザーエクスペリエンスを活用してください。
• マークダウンファイルを簡単に解析して消費します。
• カスタムYAMLフロントの問題のサポート。
• Razorファイル間でページを自動的に発見します。
• 必要に応じてページを追加/削除する機能。
• すべてのCSSフレームワークとテーマで動作します。
• CI/CDパイプラインで簡単に展開できます。
• Hotreloadをサポートします
• dotnet newテンプレートがあります

？展開

githubページ、netlify、vercel、azure static webアプリなど、staticホスティングサービスにoutputフォルダーを展開できます。

詳細な指示はこちらです。

サンプル

説明	ソース	ライブ
blazorstaticに関するページ（このレポーにはコード自体が含まれています）	ソース	ライブ
最小限のブログ	ソース	ライブ
Zodoc-画像処理とディープラーニングサンプル	ソース	ライブ
❓ページをここに追加!!!

？貢献

貢献は強く奨励され、高く評価されています。不足している、不明確なもの、またはコードの問題に遭遇したものが見つかった場合は、入力を温かく歓迎します。お気軽に：

• 新しい問題を作成するか、PRを送信します。
• メールで連絡してください：[email protected]
• 質問や提案については、直接私に連絡してください。
• 質問をするか、Blazor Community Discord Serverで議論を始めてください。