githubページはphpを実行できます

<h1>LaravelプロジェクトからGitHubページを作成するフォーラム. 可能</h1>
<blockquote>ユーザーレベルのgithubページを公開することはできません. これを行いたい場合は、リポジトリの名前を変更する必要があります.</blockquote>
<h2>スタートアップWebサイトをgithubページにアップロードする方法</h2>
<p>GitHubは、ソフトウェア開発者にコードをホストし、ソフトウェア製品を管理する場所を提供するプラットフォームです. コードを保存できる場所を提供する以外に、GitHubはGithubページと呼ばれる別のサービスを提供しています。.</p>
<p>GitHub Pagesは、GitHubのリポジトリからHTML、CSS、およびJavaScriptファイルを直接使用する静的サイトホスティングサービスで、オプションでビルドプロセスを介してファイルを実行し、Webサイトを公開します。. あなたはそれを使用して、あなた自身、あなたの組織、またはあなたのプロジェクトに関するウェブサイトをホストすることができます.</p>
<p>ただし、GitHubページでスタートアップWebサイトをホストすることを決定する前に、注意する必要があるいくつかの注意事項があります。</p>
<ul>
<li>静的サイトホスティングサービスであるGitHubページは、PHP、Ruby、Pythonなどのサーバー側の言語をサポートしていません. スタートアップアプリは、フォームを介してデータを収集し、データをメールアドレスに送信するためのオプションを提供します. フォームハンドラーで見つかったPHPスクリプトを介してフォーム処理を行います.PHPファイル. Webサイトにフォームがあり、PHPファイルでデータを処理する場合は、WebサイトをPHPとPHP Mail（）関数をサポートするプラットフォームでホストする必要があります。. ただし、githubページでウェブサイトをホストし、データを収集するフォームを持つこともできますが、Formspree、kwes、formkeep、eなどのサードパーティフォームプロバイダーに依存する必要があります。.t.c. ここにいくつかの利用可能なオプションの比較があります。ここに、スタートアップフォームを編集してこれらのサービスのいずれかを使用する方法を示すチュートリアルがあります（この場合はFormspree）. PHPスクリプトに固執することにした場合は、フォームからデータを受信する方法と、フォームハンドラーを使用してMailChimpをセットアップする方法を確認するためにヘルプドキュメントを確認してください.PHPスクリプトファイル.</li>
<li>GitHubページは、ホストしているWebサイトにいくつかの割り当てを実施するため、トラフィックが多い可能性のある大きなWebサイトをホストするのに適していません。. 個人ポートフォリオ、シンプルな組織Webサイト、プロジェクトランディングページなど、控えめなWebサイトに適しています. 電子商取引のWebサイトや、オンラインビジネスを運営するための大規模なWebサイトには適していません. 指定されたクォータは次のとおりです。公開されているGithubページサイトは1 GB以下ではありません。.</li>
</ul>
<h2>GitHubページサイトの作成</h2>
<p>GitHubページには、ユーザー、組織、プロジェクトの3種類があります。. ユーザーと組織のサイトは特定のGitHubアカウントに接続され、プロジェクトサイトはGitHubでホストされている特定のプロジェクトに接続されています.</p>
<p>ユーザーサイトを作成しますが、プロセスは組織サイトとプロジェクトサイトで似ています. 違いがある場合は、それらについて言及します.</p>
<p>開始する前に、最初にGitHubでアカウントを作成します.</p>
<p>Githubでは、プロジェクトはリポジトリに保存されます. リポジトリは、プロジェクトのフォルダーのようなもので、プロジェクトのすべてのファイルが含まれ、各ファイルの改訂履歴を保存します. サイトのリポジトリを作成する必要があります.</p>
<p>GitHubでリポジトリを作成するには、 <strong>+</strong> ナビゲーションバーの右上のアイコンと選択 <strong>新しいリポジトリ</strong>.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/new_repository.png” alt=”新しいリポジトリ” width=”249″ height=”220″ /></p>
<p>に記入します <strong>新しいリポジトリを作成します</strong> リポジトリの詳細を備えたフォーム. 少なくとも、あなたはあなたのレポの名前を含める必要があります.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/create_repository.png” alt=”スタートアップWebサイトをgithubページにアップロードする方法” width=”774″ height=”679″ /></p>
<p>ユーザーサイトの場合、リポジトリの名前は .github.io . 組織の場合、リポジトリに名前を付けなければなりません .github.io . 組織の作成方法については、このヘルプドキュメントを確認してください. プロジェクトサイトを作成している場合は、サイトのファイルに個別のリポジトリを作成する必要はありません。サイトのファイルを関連プロジェクトと同じリポジトリに保存します.</p>
<p>GitHubページは、GitHub Freeを備えた公開リポジトリ、Github Pro、Github Team、Github Enterprise Cloud、およびGitHub Enterprise Serverの公開およびプライベートリポジトリで入手できます。. プレミアムアカウントがあり、リポジトリをプライベートにすることを決定した場合は、リポジトリがプライベートであっても、GitHubページサイトはインターネット上で公開されていることに留意してください。. したがって、サイトのリポジトリに機密データがある場合は、公開前に削除することをお勧めします.</p>
<p>リポジトリが作成された後、ファイルをアップロードする方法に関する指示が記載されたページが表示されます。.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/created_repository.png” alt=”リポジトリ” width=”906″ height=”828″ /></p>
<p>Gitバージョン制御システムに精通している場合は、この方法でWebサイトファイルをリポジトリにアップロードできます. シンプルに保つために、GitHubのUIを使用してファイルをアップロードします. GitHubには、興味がある場合はGitをセットアップおよび使用する方法に関する詳細なヘルプドキュメントがあります.</p>
<p>ウェブサイトのファイルをリポジトリにアップロードするには、 <strong>既存のファイルのアップロード</strong> 以下に示すリンク、または追加します <strong>/アップロード</strong> ページのURLに、そのページに向かいます（i.e）.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/upload_files_link.png” alt=”ファイルのアップロードリンク” width=”902″ height=”191″ /></p>
<p>アップロードページで、ファイルとフォルダをドラッグアンドドロップでき、レポに追加されます. スタートアップWebサイトコードのルートディレクトリに移動し、すべてを選択してから、ページにドラッグします.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/uploaded_files.png” alt=”アップロードされたファイル” width=”899″ height=”732″ /></p>
<p>ドラッグアンドドロップを使用するよりも、 <strong>ファイルを選択してください</strong> コンピューターからファイルを選択するには、リンクします. ドラッグアンドドロップを使用すると、両方のファイルとフォルダーをページにドラッグでき、ファイルがアップロードされると、それぞれのフォルダーになります。. とともに <strong>ファイルを選択してください</strong> オプションでは、フォルダではなくファイルのみを選択できます. このオプションを使用すると、すべてのスタートアップファイルをリポジトリのルートディレクトリにアップロードし、ファイル名を編集してディレクトリ構造を含めるという追加タスクを作成します。.</p>
<p>前述のように、フォームハンドラーのPHPコード.PHPスクリプトファイルはgithubページで実行されませんが、そのサイトのすべてを一緒に保つために、Webサイトの残りのファイルにそれを含めます. これは良い考えです。将来、ウェブサイトをPHPサーバーに転送し、GitHubのファイルが利用可能なWebサイトの唯一のコピーである可能性があるため、利用可能なWebサイトのコピーを保持していてうれしいです。 PHPファイル.</p>
<p>ページの下部では、変更をコミットする前に、コミットメッセージ（それ以外の場合はアップロードによるデフォルトの追加ファイルが使用されます）を追加できます。. GitHubの良いところは、ファイルのさまざまなバージョンが保存されていることです. ファイルに変更を加えるたびに、新しいファイルのバージョンが作成されます. これは、ファイルの以前のバージョンを復元できることを意味します。たとえば、Webサイトのバージョン5をアップロードしますが、それに対して決定すると、以前のバージョンのWebサイトに簡単に戻ることができます。. したがって、コードの特定の変更を元に戻したい場合に備えて、あなたが行ったさまざまな変更を簡単に特定できるようにするために、コミットにコミットメッセージを含める必要があります.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/commit_changes.png” alt=”変更をコミットします” width=”826″ height=”298″ /></p>
<p>変更をコミットすると、コミットしたばかりのファイルとフォルダーが表示される可能性があります.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/initial_commit.png” alt=”最初のコミット” width=”676″ height=”540″ /></p>
<p>信じられないかもしれませんが、あなたのウェブサイトはすでにオンラインです!</p>
<p>GitHubページサイトが公開された後、http（s）：//にアクセスしてアクセスできます。.github.IOユーザーサイトの場合、またはhttp（s）：//.github.io orgサイトまたはhttp（s）：//.github.io/ユーザーの下で作成されたプロジェクトまたはhttp（s）：//.github.IO/組織の下で作成されたプロジェクトの場合. サイトにカスタムドメインを使用することもできます. これを後で設定する方法を確認します.</p>
<h3>プロジェクトサイトについて注意すべきこと</h3>
<p>gitには、コードのブランチを作成し、古いブランチに影響を与えることなくこの新しいブランチで作業を続けることができるBranchingという機能があります。. すべてのgithubリポジトリには <strong>マスター</strong> ブランチとこれから、他のブランチを作成できます.</p>
<p>これは、Branchに関しては、Webサイトコードを公開するためにWebサイトコードを配置できるルールがあるため、関連があります。. ユーザーと組織のサイトはマスターサイトにある必要があります. デフォルトでは、リポジトリを作成するときにマスターブランチにあるため、追加のブランチを設定する必要はありませんでした.</p>
<p>デフォルトでは、プロジェクトサイトは名前が付けられたブランチから公開されるように設定されています <strong>gh-pages</strong>. プロジェクトサイトを作成している場合は、GitHubでブランチを作成する方法については、こちらをご覧ください。.</p>
<p>プロジェクトサイトは、マスターブランチまたはマスターブランチのa /docsフォルダーから公開することもできます. これらのソースのいずれかからサイトを公開するには、サイトの別の公開ソースを構成する必要があります.</p>
<h2>GitHubページサイトに変更を加えます</h2>
<p>GitHub UIには、Webサイトのファイルの追加、削除、編集に使用できるコントロールがあります.</p>
<p>使用できます <strong>ファイルを追加します</strong> ドロップダウンしてファイルをアップロードするか、githubuiを使用してファイルを作成します. ファイルを追加するときは、正しいフォルダーにいることを確認してください.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/create_or_upload_files.png” alt=”GitHubページサイトに変更を加えます” width=”205″ height=”127″ /></p>
<p>フォルダを削除するには、保持するファイルを削除するだけで済みます. GitHubは空のディレクトリをリストしていないため、フォルダーを空にすると基本的に削除されます.</p>
<p>ファイルを選択すると、以下に示す最後の2つのコントロールを使用してファイルを編集または削除できます.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/edit_or_delete_file.png” alt=”ファイルを編集または削除します” width=”194″ height=”38″ /></p>
<p>サイトのファイルを変更したら、ほとんどすぐにWebサイトの変更を確認できるようになります.</p>
<h2>GitHubページサイトのカスタムドメインの構成</h2>
<p>githubページサイトのドメイン名をデフォルトからカスタマイズできます。 .github.io、あなたが所有するドメインに. サブドメインをサポートします（e.g. wwwのようなwwwサブドメイン.例.comまたはブログのようなカスタムサブドメイン.例.com）および頂点ドメイン（e.g. 例.com）. サイト用のカスタムドメインのいずれかまたは両方のカスタムドメインをセットアップできます. Apexドメインも使用する場合でも、常にWWWサブドメインを使用することをお勧めします.</p>
<h3>サブドメインの構成</h3>
<p>WWWサブドメインをセットアップするには（wwwなど.例.com）またはカスタムサブドメイン（ブログなど.例.com）、サイトのリポジトリにcnameファイルを作成し、dnsプロバイダーでcnameレコードを構成する必要があります.</p>
<p>リポジトリに移動します <strong>設定</strong> タブ.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/settings.png” alt=”GitHubページサイトのカスタムドメインの構成” width=”977″ height=”73″ /></p>
<p>下にスクロールします <strong>githubページ</strong>. 下 <strong>カスタムドメイン</strong>, カスタムドメインを入力して、クリックします <strong>保存</strong>. これにより、公開ソースのルートにcnameファイルを追加するコミットが作成されます.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/custom_domain.png” alt=”サブドメインの構成” width=”710″ height=”126″ /></p>
<p>DNSプロバイダーに移動し、サブドメインをサイトのデフォルトドメインに向けるCNAMEレコードを作成します（e.g. wwwを指すcnameレコードを作成します.例.com to .github.io）. CNAMEレコードの作成方法については、DNSプロバイダーのドキュメントをご覧ください.</p>
<p>DNSレコードが正しく構成されていることを確認するには、ターミナルのDIGコマンドを使用して（コマンドプロンプト、Windows用）、wwwを置き換えることができます。.例.サブドメインを備えたcom.</p>
<pre><code>$ dig www.例.com +nostats +nocomments +nocmd</code></pre>
<p>正しく構成されている場合は、以下に示すものと同様の出力を取得する必要があります.</p>
<pre><code>; www.例.com. wwwで.例.com. CNAMEの例の3592.github.io. 例.github.io. 185の3592.199.111.153例.github.io. 185の3592.199.110.153例.github.io. 185の3592.199.109.153例.github.io. 185の3592.199.108.153</code></pre>
<h3>頂点ドメインの構成</h3>
<p>頂点ドメインをセットアップするには（e.g. 例.com）、githubページリポジトリにcnameファイルを構成する必要があります。.</p>
<p>リポジトリに移動します <strong>設定</strong> タブ.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/settings.png” alt=”設定” width=”977″ height=”73″ /></p>
<p>下にスクロールします <strong>githubページ</strong>. 下 <strong>カスタムドメイン</strong>, カスタムドメインを入力して、クリックします <strong>保存</strong>. これにより、公開ソースのルートにcnameファイルを追加するコミットが作成されます.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/custom_apex_domain.png” alt=”頂点ドメインの構成” width=”715″ height=”130″ /></p>
<p>DNSプロバイダーに移動し、エイリアス、アナム、またはレコードのいずれかを作成します. 正しいレコードを作成する方法については、DNSプロバイダーのドキュメントをご覧ください.</p>
<p>エイリアスまたはアナムレコードを作成するには、頂点ドメインをサイトのデフォルトドメインに向けます（ .github.io）.</p>
<p>Aレコードを作成するには、apexドメインにgithubページのIPアドレスを指します。</p>
<pre><code>185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153</code></pre>
<p>DNSレコードが正しく構成されていることを確認するには、ターミナルのDIGコマンド（コマンドプロンプト、Windowsのコマンドプロンプト）を使用して、例を置き換えます.apexドメインを備えたcom.</p>
<pre><code>$ digの例.com +noall +回答</code></pre>
<p>結果が前に示されているGitHubページのIPアドレスと一致することを確認してください.</p>
<pre><code>例.com. CNAME例の3600.github.io. 例.github.io. 185の3600.199.111.153例.github.io. 185の3600.199.108.153例.github.io. 185の3600.199.109.153例.github.io. 185の3600.199.110.153</code></pre>
<p>前述のように、頂点ドメインをカスタムドメインとして使用している場合は、WWWサブドメインも設定することをお勧めします. DNSプロバイダーを介して各ドメインタイプに設定された正しいレコードを使用すると、GitHubページはドメイン間で自動的にリダイレクトを作成します. たとえば、wwwを構成する場合.例.あなたのサイトのカスタムドメインとしてのcom、そしてあなたはapexおよびwwwドメインのためにエイリアスとcnameレコードを設置しています、そして例の例.comはwwwにリダイレクトします.例.com .</p>
<h3>httpsでgithubページサイトを保護します</h3>
<p>httpsの施行が必要であり、githubを使用したgithubページサイトでデフォルトで有効になっています.2016年6月15日以降に作成されたIOドメイン. 2016年6月15日までに作成されたサイトの場合、リポジトリにアクセスすることでHTTPSの施行を手動で有効にすることができます <strong>設定</strong>, 下にスクロールします <strong>githubページ</strong> とチェックします <strong>httpsを施行します</strong> チェックボックス.</p>
<p> <img src=”https://help.designmodo.com/article/startup-github-pages/https.png” alt=”httpsでgithubページサイトを保護します” width=”648″ height=”121″ /></p>
<h3>意識するドメインエラー</h3>
<p>あなたのサイトがないことを確認してください：</p>
<ul>
<li>複数の頂点ドメインを使用します. たとえば、両方の例.comとanterexample.com .</li>
<li>複数のWWWサブドメインを使用します. たとえば、両方のwww.例.comとwww.もう一つの例.com .</li>
<li>頂点ドメインとカスタムサブドメインの両方を使用します. たとえば、両方の例.comおよびdocs.例.com .</li>
</ul>
<h2>GitHubページサイトを未発表します</h2>
<p>GitHubページサイトを公開して、一般に利用できなくなるようにすることができます. リポジトリを削除すると、サイトは未発表になります.</p>
<p>リポジトリを保持したいが、それでもWebサイトを未発表している場合は、その公開ソース、つまりユーザーおよび組織サイトのマスターブランチとプロジェクトサイト用のGH-Pagesブランチ（またはパブリッシングソースとして設定したブランチ）を削除する必要があります。. マスターブランチはデフォルトのブランチであるため、マスターブランチを削除する前に、まず別のブランチをデフォルトとして設定する必要があります。.</p>
<p>プロジェクトサイトの場合、GH-Pagesブランチを公開ソースとして使用していた場合、あなたがしなければならないのはブランチを削除するだけで、ウェブサイトが未発表になります. パブリッシングソースとして別のブランチを使用していた場合、実行するための追加のステップがあります.</p>
<p>リポジトリに移動します <strong>設定</strong> タブ：</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/settings.png” alt=”設定” width=”977″ height=”73″ /></p>
<p>に下にスクロールします <strong>githubページ</strong> セクションと選択 <strong>なし</strong> から <strong>ソース</strong> ドロップダウンメニュー.</p>
<p> <img src=”https://help.designmodo.com/wp-content/uploads/2020/08/disable_github_pages.png” alt=”GitHubページを無効にします” width=”435″ height=”235″ /></p>
<p>最後のステップとして、ユーザー、組織、またはプロジェクトサイト用のカスタムドメインを設定した場合、ドメインが存在しないWebサイトを指し続けないように、DNS設定を更新していることを確認してください.</p>
<p>Githubページが設定されたのはそれです. さらにサポートが必要な場合は、私たちに連絡することができます。または、GitHubページのドキュメントをご覧ください。. WordPressでスタートアップテンプレートを使用することに興味がある場合は、そのためのチュートリアルもあります。.</p>
<h2>githubページはphpを実行できます</h2>
<p>GitHubページはPHPをサポートせず、したがってLaravelアプリケーションを実行できません. <br />Jekyllを使用して静的HTMLファイルを構築し、それらを提供します.</p>
最後に1年前に更新されました.
最後に1年前に更新されました.
<p>http：// pagodaboxを使用できます.com/代わりに、laravelデモをホストします.</p>
最後に1年前に更新されました.
<p>このスレッドに参加するためにサインインします!</p>
<p><img src=”https://laravel.io/images/showcase/loadforge-small.png” alt=”loadforge” width=”” /></p>
Drpudding Drpuddingは2014年4月4日に参加しました
<h3>モデレーター</h3>
<ul>
<li>DriesVintsは2013年12月16日に参加しました</li>
<li>ジョーディクソンは2014年6月23日に入社しました</li>
<li>TVBeekは2018年1月8日に参加しました</li>
<li>Tomhatzerは2021年10月28日に入社しました</li>
</ul>
<p>これらの素晴らしい企業に感謝したいと思います</p>
<h2>gitlabページ</h2>
<p>gitlabページを使用すると、gitlabのリポジトリから静的Webサイトを直接公開できます.</p>
<ul>
<li>個人またはビジネスのウェブサイトに使用します.</li>
<li>静的サイトジェネレーター（SSG）またはプレーンHTMLを使用します.</li>
<li>プロジェクト、グループ、またはユーザーアカウントのウェブサイトを作成する.</li>
<li>自分のgitlabインスタンスまたはgitlabでサイトをホストします.無料でcom.</li>
<li>カスタムドメインとTLS証明書を接続します.</li>
<li>任意のライセンスをコンテンツに属性します.</li>
</ul>
<p><img src=”https://docs.gitlab.com/ee/user/project/pages/img/ssgs_pages.png” alt=”ページでサポートされているSSGの例” /></p>
<p>ページ付きのWebサイトを公開するには、Gatsby、Jekyll、Hugo、Middleman、Harp、Hexo、Brunchなどの静的サイトジェネレーターを使用できます。. Plain HTML、CSS、およびJavaScriptで直接記述されたWebサイトを公開することもできます.</p>
<p>たとえば、Pagesは動的なサーバー側の処理をサポートしていません。 .PHPと .ASPが必要です. 詳細については、静的と動的Webサイトを参照してください.</p>
<h2>メニュー位置テスト</h2>
<p>現在、一部のユーザーが「設定」ではなく「展開」の下でページメニューエントリを表示できるA/Bテストを実施しています。. これはより正確な位置かもしれません. 実験の問題にフィードバックを自由に追加してください.</p>
<h2>入門</h2>
<h2>使い方</h2>
<p>gitlabページを使用するには、gitlabでプロジェクトを作成して、ウェブサイトのファイルをアップロードする必要があります. これらのプロジェクトは、公開、内部、またはプライベートにすることができます.</p>
<p>gitlabは常にリポジトリのpublicという特定のフォルダーからウェブサイトを展開します. Gitlabで新しいプロジェクトを作成すると、リポジトリが自動的に利用可能になります.</p>
<p>サイトを展開するために、gitlabはgitlab ci/cdと呼ばれる組み込みツールを使用してサイトを構築し、gitlabページサーバーに公開します. Gitlab CI/CDがこのタスクを達成するために実行されるスクリプトのシーケンスは、名前のファイルから作成されます .gitlab-ci.YML、作成および変更できます. 構成ファイルのページと呼ばれる特定のジョブは、GitlabページのWebサイトを展開していることをGitlabに認識させます.</p>
<p>gitlabページWebサイトにgitlabデフォルトドメインを使用できます *.gitlab.IO、または独自のドメイン（例.com）. その場合、ページでセットアップするには、ドメインのレジストラ（またはコントロールパネル）の管理者でなければなりません.</p>
<p>次の図は、ページを始めるために従うかもしれないワークフローを示しています.</p>
<p><img src=”https://docs.gitlab.com/ee/user/project/pages/img/new_project_for_pages_v12_5.png” alt=”gitlabページの新しいプロジェクト” /></p>
<h2>ページサイトへのアクセス</h2>
<p>gitlabページを使用している場合、デフォルトドメイン（ .gitlab.io）、あなたのウェブサイトは自動的に保護されており、httpsで利用可能です. 独自のカスタムドメインを使用している場合は、SSL/TLS証明書でオプションで保護できます.</p>
<p>gitlabを使用している場合.com、あなたのウェブサイトはインターネットで公開されています. ウェブサイトへのアクセスを制限するには、gitlabページアクセス制御を有効にします.</p>
<p>自己管理インスタンスを使用している場合、あなたのウェブサイトは、sysadminが選択したページ設定に従って、あなた自身のサーバーで公開されます。.</p>
<h2>ページの例</h2>
<ul>
<li>iOSからgitlabページブログに投稿します.</li>
<li>gitlab ci：ジョブを並行して並行して実行するか、カスタムパイプラインを構築します.</li>
<li>Gitlab CI：展開と環境.</li>
<li>Nanoc、Gitlab CI、およびGitlabページを使用して新しいgitlab docsサイトを構築する.</li>
<li>gitlabページでコードカバレッジレポートを公開します.</li>
</ul>
<h2>自己管理インスタンスのGitLabページを管理します</h2>
<p>GitLabの自己管理インスタンスを実行している場合は、管理手順に従ってページを構成します.</p>
<p>Gitlab Pages管理の開始方法に関するビデオチュートリアルをご覧ください.</p>
<h3>ヘルムチャート（kubernetes）インスタンスでgitlabページを構成します</h3>
<ul>
<li>gitlab-pagesサブチャート.</li>
<li>外部gitlabページインスタンス.</li>
</ul>
<h2>gitlabページのセキュリティ</h2>
<p>ユーザー名が例の場合、gitlabページのウェブサイトは例にあります.gitlab.io . gitlabを使用すると、ユーザー名はaを含めることができます . , だから、barという名前のユーザー.例では、gitlabページのウェブサイトバーを作成できます.例.gitlab.IOは効果的にあなたの例のサブドメインです.gitlab.IOウェブサイト. JavaScriptを使用してWebサイトにCookieを設定する場合は注意してください. JavaScriptでCookieを手動で設定する安全な方法は、ドメインをまったく指定しないことです。</p>
<pre> <span Safe: This cookie is only visible to example.gitlab.io</span> <span <span <span Unsafe: This cookie is visible to example.gitlab.io and its subdomains,</span> <span regardless of the presence of the leading dot.</span><span <span <span <span <span >この問題は、カスタムドメインを持つユーザー、またはJavaScriptで手動でCookieを設定しないユーザーに影響を与えません.</pre>
<h2>ヘルプとフィードバック</h2>
<h3>ドキュメント</h3>
<p>このページを編集してエラーを修正するか、マージリクエストに改善を追加します. <br />このページの改善を提案する問題を作成する. <br /></p>
<h3>製品</h3>
<p>この機能について気に入らないものがある場合は問題を作成します. <br />機能要求を送信して機能を提案します. <br />最初の外観に参加して、新しい機能を形作ってください.</p>
<h3>機能の可用性と製品トライアル</h3>
<p>すべてのgitlab層と機能を確認するための価格設定、またはアップグレードする. <br />すべての機能に30日間アクセスできるように、無料でgitlabをお試しください. <br /></p>
<h3>助けを得ます</h3>
<p>探しているものが見つからなかった場合は、ドキュメントを検索してください. <br /></p>
<p>具体的な何かを手伝って、コミュニティサポートを使用できる場合は、gitlabフォーラムに投稿してください. <br /></p>
<p>この機能のセットアップまたは使用の問題については（gitlabサブスクリプションに応じて）. <br /></p>
<h2>準備ができている、セット、起動：githubページで静的サイトを作成する</h2>
<p><img src=”https://kinsta.com/wp-content/uploads/2023/02/github-pages-1024×512.jpg” alt=”githubページ” width=”1024″ height=”512″ /></p>
<p>現在のすべてのホットWeb開発ツールとフレームワークにより、Webサイトの作成はますます複雑になっています. しかし、時々、あなたはあなたのサイトで多くの対話性を必要としない. 視聴者に情報を入手することに焦点を当てていて、複雑な機能を必要としない場合、静的サイトが正しい選択かもしれません.</p>
<p>このチュートリアルでは、GitHubページを使用してHTMLとBootstrapで作成されたシンプルな個人Webサイトを無料で無料で作成して展開する方法など、静的サイトが何であるかを学びます。.</p>
<h2>githubページとは何ですか?</h2>
<p>GitHubは、GITリポジトリをホストし、ソフトウェアプロジェクトで協力するためのWebベースのプラットフォームです. コードの変更を共有および追跡するためのツール、コードの管理とレビュー、およびプルリクエストを開いてレビューする機能を提供します.</p>
<p>GitとGithubを混乱させないでください! GitHubは開発者間のコラボレーションを可能にするホスティングサービスですが、Gitはソフトウェアプロジェクトのスナップショットを保存するために使用するローカルバージョン制御ソフトウェアです.</p>
<p>githubページは、githubの最高の機能の1つです. GitHubリポジトリから静的Webサイトを直接ホストできるサービスです. これは、リポジトリを使用してウェブサイトのコードとファイルを保存できることを意味し、GitHubはオンラインでアクセスできるWebサイトとして自動的に公開します.</p>
<p>要約すると、GitHubページはあなたのウェブサイトを迅速かつ簡単に実行して実行しているため、ポートフォリオ、オープンソースプロジェクト、またはその他の静的コンテンツを紹介するのに特に役立ちます.</p>
<h3>静的vs動的Webサイト</h3>
<p>これまで見てきたように、GitHubページは静的Webサイトを展開する方法を提供します. しかし、静的ウェブサイトとダイナミックなウェブサイトの違いは何ですか?</p>
<p>上記のサイトでコンテンツについて話し合うことから始めましょう.</p>
<p>静的コンテンツとは、すべてのユーザーが誰であるか、またはサイトでどのようなアクションを実行するかに関係なく、すべてのユーザーに対して同じままであるWebサイトの要素を指します. これには、ウェブサイトのテキスト、画像、レイアウトなど、サイトを構成する基礎となるコードとファイルなどが含まれます。. 静的サイトは、保存されているとまさにユーザーに配信されます.</p>
<p>対照的に、動的なコンテンツは、サインイン、ペイウォールとの対話、投稿へのコメントなど、ユーザーのアクションに基づいて変更されるコンテンツ、または現在の時間や場所などのその他の要因です.</p>
<p>たとえば、製品の静止画像を表示するWebサイトは、常にすべてのユーザーに同じ画像を表示します（静的）. 一方、現在の時刻を表示するウェブサイトは、各ユーザーがその場所に基づいて異なる時間を表示します（動的）.</p>
<p>一般的に、FrontendにHTML、CSS、およびJavaScriptのみが含まれている場合、Webサイトは静的であると言えます。.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/Kinsta-twitter-1024×533.png” alt=”キンスタ” width=”1024″ height=”533″ /></p>
<p>GitHubページを使用して動的なWebサイトを構築することはできませんが、WordPressなどのCMSやGatsbyやHugoなどの静的サイトジェネレーターを使用して、簡単に独自に作成できます。.</p>
<h3>githubページ重要な機能</h3>
<p>GitHubページの強みをホスティングサービスとして見てみましょう。</p>
<ol>
<li><strong>簡単なセットアップと公開：</strong> githubページにより、いくつかの簡単な手順から簡単に始めることができます. リポジトリのgithubページを有効にして、ウェブサイトファイルのソースを指定できます。Githubは、ユーザー名とリポジトリ名に基づいてWebサイトを自動的に公開し、URLで利用できるようにします。.</li>
<li><strong>カスタムドメイン：</strong> GitHubページを使用すると、GitHubが提供するデフォルトのURLの代わりに、Webサイトのカスタムドメイン名を使用できます。. これにより、独自のブランディングを使用して、ユーザーがウェブサイトを見つけてアクセスしやすくすることができます.</li>
<li><strong>HTTPSサポート：</strong> GitHubページはHTTPSのサポートを提供しています。これにより、Webサイトへの安全な接続が可能になります. これはあなたのサイトの信頼を構築するために重要です.</li>
<li><strong>Jekyllサポート：</strong> GitHubページは、テンプレートやその他の機能を使用して洗練されたWebサイトを作成できる静的サイトジェネレーターであるJekyllをサポートしています. これにより、すべてのコードをゼロから書くことなく、プロフェッショナルなウェブサイトを簡単に作成できます.</li>
</ol>
<h3>制限</h3>
<p>前に述べたように、githubページで静的サイトのみを作成できます. 多くの機能を備えた複雑なプロジェクトを構築したい場合は、他のホスティングサービスが必要になります. また、オンラインビジネスの運営やeコマースなど、商業目的でGitHubページを使用できないことを忘れないでください。.</p>
<p>GitHubページでは、サイトが1 GBを超えることができません。つまり、リポジトリのファイルはその量のメモリを上回ることができません。. ほとんどの場合、1 GBは静的サイトで十分です。必ず画像を圧縮してください.</p>
<p>また、1か月あたり100 GBのソフト帯域幅制限もあります. この量の帯域幅は、あなたのウェブサイトを月に数千人に配布するのに十分です。したがって、あなたが大勢の視聴者を持たない限り、あなたは行くのに良いでしょう.</p>
<h2>GitHubページで作成および展開：ステップバイステップガイド</h2>
<p>GitHubページを作成することは、静的サイトをホストするためのシンプルで簡単なプロセスです. 何らかのデータベース接続が必要な場合は、外部データベースプロバイダーが必要であることに注意してください。.</p>
<p>次のガイドでは、githubページをゼロから作成する方法を学びます. これには、リモートリポジトリの作成、HTMLを使用した応答性の高い個人Webサイトの構築、GitHubでWebに展開することが含まれます。.</p>
<p>それに入りましょう!</p>
<h3>1. Githubにサインアップしてください</h3>
<p>物事をキックオフするには、アクティブなgithubアカウントを持っている必要があります. 持っていない場合は、サインアップページに移動します. フォームに記入するのに数分以上かかるべきではありません.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/github-singup-page-1024×497.png” alt=”githubサインアップページ「githubへようこそ！」を表示します。” width=”1024″ height=”497″ /></p>
<p>サインインした後、リモートリポジトリを作成できるはずです.</p>
<h3>2. リモートリポジトリを作成します</h3>
<p>リポジトリは、特定のプロジェクトに関連するすべてのコードを保存するディレクトリです.</p>
<p>GitHubホームページから、サイトの左パネルにある「新しい」または「リポジトリの作成」ボタンをクリックします. これにより、リポジトリの情報が入力されるフォームにリダイレクトされます.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/create-github-repository-1024×505.png” alt=”「最初のプロジェクトの作成」という言葉と「リポジトリの作成」ボタンを指す矢印のある左パネルを示すGithubホームページ。” width=”1024″ height=”505″ /></p>
<p>これらの次のステップは重要です：</p>
<ol>
<li>リポジトリの名前を「yourusername」に設定します.github.io .</li>
<li>パブリックボタンを確認してください. リポジトリをに設定する必要があります <strong>公共</strong> サイトを公開します.</li>
<li>readmeを追加します.</li>
</ol>
<p>特定の個人アカウントまたは組織のリポジトリのみを使用できます. そのため、リポジトリの名前はユーザー名とgithubです.IOドメイン. 後で、リポジトリからサイトをセットアップする方法を確認します.</p>
<p>Github Proを持っていない限り、リポジトリが公開されている場合にのみGitHubページを公開できます. サイトのソースコードを公に共有したくない場合は、これを覚えておいてください.</p>
<p>この後、次のようなものが必要です。</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/new-repository-1024×760.png” alt=”値「kinstauser.github.io」を含むリポジトリ名を含む新しいリポジトリフォームを作成します。” width=”1024″ height=”760″ /></p>
<p>サイトの作業ソースコードが既にある場合は、一般的なgitワークフローをスキップして、代わりにファイルをリポジトリにドロップすることができます.</p>
<p>これを行うには、リポジトリの[ファイルの追加]メニューをクリックして、オプションを選択します <strong>ファイルをアップロードします</strong>. 次に、メインのHTMLファイルという名前のインデックスを使用して、Webサイトのファイルを選択します.HTML . リポジトリにすべてのCSSおよびJavaScriptファイルを入れることを忘れないでください.</p>
<p>最後に、ヒットします <strong>変更をコミットします</strong> ボタン.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/upload-files-to-github-1024×615.png” alt=”ファイルのアップロードmain.js、index.html、およびmain.cssは、githubリポジトリに「index.html、main.css、およびmain.jsの追加」を含みます。” width=”1024″ height=”615″ /></p>
<p>次のセクションでは、HTMLとBootstrapを使用してシンプルな個人Webサイトを構築します. 次に、GitHubにアップロードして、カスタムドメインを備えたGitHubパブリックページとしてセットアップします。.</p>
<h3>3. 個人サイトを構築します</h3>
<p>作成したばかりのGitHubリポジトリをクローニングすることから始めます. これを行うには、gitクライアントが既にコンピューターにインストールされていることを確認してください. （そうでない場合は、GitとGithubのチュートリアルをご覧ください.））</p>
<h3>情報</h3>
<p>GitHubアカウントにSSH認証を設定する必要があります. これは少し複雑に聞こえるかもしれませんが、githubの記事用の完全なSSHキーがあります。.</p>
<p>リポジトリのコードタブに移動し、SSH URLをにコピーします <strong>shh</strong> オプション.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/ssh-github-connection.png” alt=”コピーSSH URLオプションを指す矢印を備えたGitHubリポジトリのコードタブ。” width=”612″ height=”410″ /></p>
<p>次に、ターミナルまたはコマンドラインを起動します. ほとんどのLinuxディストリビューションとMacOでは、ショートカットCTRL + ALT + Tを使用するか、システムのアプリメニューを調べることができます。 <strong>「ターミナル」</strong>. Windowsでは、Git、CMD、PowerShell、またはGUIクライアントでデフォルトでインストールされたGit Bashを使用できます。.</p>
<p>端末に、gitクローンと入力したURLをコピーしました. これにより、お近くのマシンにリモートリポジトリのコピーをダウンロードして作成して、ウェブサイトを構築できるようになります.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/terminal-kinstauser-1024×293.png” alt=”GitクローンコマンドとCMDウィンドウでのその応答。” width=”1024″ height=”293″ /></p>
<p>次に、名前の新しいフォルダーを入力します <strong>あなたのユーザーネーム.github.io</strong> CDとLSで . あなたが見るはずです <strong>.ギット</strong> プロジェクトの構成とメタデータ、および <strong>readme.MD</strong> 作成した場合はファイル.</p>
<p>お気に入りのテキストエディター（Sublime Textなど）を開き、Webサイトの作成を開始しましょう.</p>
<p>リポジトリのルートで、名前のファイルを作成します <strong>索引.HTML</strong> （この名前はgithubページで必要です）、典型的なHTMLコード構造を入力します。</p>
<pre><code > <html lang=”en”> <head> <title>Kinstaユーザー</title> </head> </html></code></pre>
<p>前に言ったように、Bootstrap5を使用します.0、応答性の高いWebサイトをより簡単に構築するのに役立つオープンソースCSSフレームワーク. ご覧のとおり、この特定のサイトにカスタムCSSを使用する必要はありません.</p>
<p>ブートストラップをページに入れるには、CDNを介してコンパイルされたCSSとJavaScriptを含める必要があります. HTML内の次のコードを貼り付けて、ブートストラップCSSを使用できるようにします。</p>
<pre> <code >[電子メール保護]/dist/css/bootstrap.分.css “rel =” styleSheet “Integrity =” sha384-rbsa2vbkqhggwzxh7ppcaaqo46mgnom80zw1rwuh61dglwzjedk2kadq2f9cug65 “anrymous”> “>”匿名 “></code></pre>
<p>この同じ方法で、人気のあるプログラミング言語やテクノロジーのSVGアイコンを使用できるようにするDeviconCDNも含めます。</p>
<pre> <code >[電子メール保護]/Devicon.分.css “></code></pre>
<p>ここで、JavaScriptを含めるには、次のコードを端のすぐ上に挿入します</body> 鬼ごっこ：</p>
<pre><code > <script src /cdn-cgi/l/email-protection” data-cfemail=”64060b0b10171016051424514a564a57″>[email protected]/dist/js/bootstrap.bundle.min.js” integrity=”sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4″ crossorigin=”anonymous”></script></code></pre>
<p>私たちのウェブサイトのヘッダーを作成して、私たちは物事を始めるでしょう. インデックスページへのリンクと他の2つのページ（「プロジェクト」と「読み取りログ」）へのリンクを備えたダークヘッダーになります。これは後で作成できます。</p>
<p>ブートストラップラッパーNavbarとNavbar-Expand-LGを使用して、表示幅が992pxより小さい場合に崩壊するレスポンシブコンテナを作成します. これは、グリッドオプションLGのために発生します . グリッドオプションについて詳しく知りたい場合は、Bootstrapのレイアウトページをご覧ください.</p>
<p>次に、コンテナ内に2つのレスポンシブ列を作成しましょう。1つは解釈から無料の画像用、もう1つは自分自身の説明のためです。</p>
<pre><code > <div > <div > <div > <div > <div ><h1 >私はキンスタのユーザーです</h2> <p>情熱的なソフトウェア開発者として、私はソフトウェアアプリケーションの作成と開発に深く熱心です. 私は常に新しいテクノロジーとアプローチを学び、実験しています。複雑な問題に対する革新的で効果的なソリューションを作成したいという強い願望があります. 私は自分の好奇心と問題解決への愛に駆り立てられており、ユーザーのニーズを満たす高品質の適切に設計されたソフトウェアを作成することにコミットしています.</p> </div> </div> </div> </div></code></pre>
<p>ご覧のとおり、ローカルファイルから画像を調達しているため、GitHubリポジトリに変更をプッシュすると、リポジトリにある必要があります。.</p>
<p>最後に、ブートストラップコンテナ内で、DeviconのSVGアイコンを使用して、少しの内部CSSを使用して、スキルを際立たせます。</p>
<pre><code > <div > <div ><h2>私のスキル</h2> </div> <div > 私 <div > <div ><h4>WordPress</h4> </div> </div> <div > <div ><h4>Django</h4> </div> </div> <div > <div ><h4>Python</h4> </div> </div> <div > <div ><h4>github</h4> </div> </div> </div> </div></code></pre>
<p>HTMLタグを使用するため、フォントとして扱うことができます. したがって、スタイルタグで宣言することにより、ロゴのサイズを4つのEMに設定します.</p>
<p>これがこの単純な個人Webサイトの最終結果です。</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/Kinsta-user-website-1024×519.jpg” alt=”Bootstrapページ「Kinsta User」というブランド、ソフトウェア開発者の画像、説明、WordPress、Django、Python、Githubなどのスキルのセクションを備えたNavbarを表示します。” width=”1024″ height=”519″ /></p>
<p>ウェブサイトトラフィックの50％以上がモバイルデバイスから来ていることをご存知ですか? Bootstrapを使用したため、多くのCSSコーディングを保存し、以下に感謝できるように、レスポンシブWebサイトも入手しました。.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/kinsta-user-website-responsive.jpg” alt=”Bootstrapページ「Kinsta User」というブランド、ソフトウェア開発者の画像、説明、WordPress、Django、Python、Githubなどのスキルのセクションを備えたNavbarを表示します。” width=”897″ height=”953″ /></p>
<p>このサイトを好きなだけカスタマイズできます. これがGitHubの完全なソースです。.</p>
<p>フル機能のアプリケーションホスティングソリューションの1つを使用して、GhostなどのヘッドレスCMSを添付することもできます. Mykinstaダッシュボードを介してGitHubリポジトリに直接接続し、新しいサイトをほんの数分で稼働させることができます.</p>
<p>ファイルをプッシュする時が来ました. これを行うには、プロジェクトの最上位レベルでターミナルで次のコマンドを実行します.</p>
<pre><code >git add . gitcumpt -m “Webサイトソースコードと画像の追加” gitプッシュ</code></pre>
<p>これで、このWebサイトを使用してGitHubページを設定できます.</p>
<h3>4. ユーザーGitHubページを公開します</h3>
<p>あなたがプッシュするとすぐに <strong>索引.HTML</strong> ユーザー名にちなんで名付けられたリモートリポジトリに、GitHubは自動的にワークフロープロセスを開始してサイトをオンラインでセットアップします. 数分かかる場合がありますが、静的サイトを自動的に稼働させます.</p>
<p>サイトのURLは次のようなものになります：https：// kinstauser.github.io/ </p>
<p>10分後にサイトがオンラインでない場合は、コードにダミー変更を行うことができます（e.g., スペースを追加）そして再びプッシュしてGitHubページの構築プロセスを再アクティブ化する.</p>
<h3>重要</h3>
<p>ユーザーレベルのgithubページを公開することはできません. これを行いたい場合は、リポジトリの名前を変更する必要があります.</p>
<h3>5. リポジトリGithubページを公開します</h3>
<p>これまで、ユーザーサイトを作成してきましたが、複数の公開されたgithubサイトが必要な場合はどうなりますか? その後、プロジェクトサイトを使用する必要があります.</p>
<p>例として、Web開発チュートリアルのGitで作成したHTMLテクノロジーサイトを使用します.</p>
<p>最も簡単な方法は、に行くことです <strong>設定</strong> リポジトリのタブ、次に <strong>ページ</strong> 「コードと自動化」セクション内のオプション.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/move-to-pages-1024×490.png” alt=”「ページ」オプションを指す矢印のあるリポジトリ設定ページ、および「GitHubページは現在無効になっています」というメッセージがあります。” width=”1024″ height=”490″ /></p>
<p>ソースを選択します <strong>ブランチから展開します</strong>, ファイルを展開するブランチをクリックします. から公開することをお勧めします <strong>主枝</strong>, ただし、補助ブランチを使用して機能を作成し、バグを修正してからマージします. これにより、公開されているサイトにエラーがそれほど簡単に導入されません.</p>
<p>ブランチを選択したら、ファイルを提供するフォルダー（通常はルート（ /））を選択し、[保存]をクリックします.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/save-repo-settings-1024×492.png” alt=”GithubのMainからの公開。” width=”1024″ height=”492″ /></p>
<p>繰り返しますが、数分待ちます. あなたのサイトは「yourusername」で利用できるはずです.github.io/ .</p>
<p>リポジトリサイトを公開するには、 <strong>設定</strong>, それから <strong>ページ</strong>, 3つのドットオプションをクリックします. メッセージ付きの箱が表示されます <strong>未発表のサイト</strong>.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/unpublish-site-1024×367.png” alt=”オプション「Unpublishサイト」を備えた3つのドットボタン。” width=”1024″ height=”367″ /></p>
<p>素晴らしい! オープンソースプロジェクトのサイトが稼働していますが、ドメイン名自体は長く、覚えておくのは簡単ではありません. これを改善する方法を見てみましょう.</p>
<h3>6. カスタムドメインを設定します</h3>
<p>GitHubページのカスタムドメインを設定し、それが機能することを確認する最も簡単な方法は、DNSプロバイダーに移動し、GitHubページのIPアドレスの4つのAレコードを作成することです。</p>
<pre><code >185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153</code></pre>
<p>また、yourusernameでcnameレコードを設定する必要があります.github.ターゲットとしてのio. 通常、DNSの変更は遅いため、我慢してください。1日までかかる可能性があります.</p>
<h3>情報</h3>
<p>これらのレコードの作成方法に関する詳細情報が必要な場合は、DNSプロバイダーのガイドを参照してください.</p>
<p>これを行った後、に行きます <strong>カスタムドメイン</strong> リポジトリの設定のセクション、ドメインを入力し、をクリックしてください <strong>保存</strong> ボタン、そしてgithubがカスタムドメインを確認するのを待ちます.</p>
<p>また、DNSがサポートしている場合は、 <strong>httpsを施行します</strong> httpsを介してサイトを提供するボックス.</p>
<p> <img src=”https://kinsta.com/wp-content/uploads/2023/02/custom-domain.png” alt=”「DNSチェック成功」マークを備えたカスタムドメインセクション、および[HTTPSを施行]ボタンを使用します。” width=”950″ height=”384″ /></p>
<p>おめでとうございます! チュートリアルのこのポイントまで続いている場合は、GitHubページで無料でホストされている静的なWebサイトがあります.</p>
<h2>GitHubページのベストプラクティス</h2>
<p>別れを告げる前に、GitHubサイトを公開する際に考慮すべきベストプラクティスをいくつか紹介します。</p>
<ol>
<li>展開している支店に直接コミットしないでください. 他のブランチに変更を作成してから、プルリクエストを作成します.</li>
<li>あなたがそれを買う余裕があるならば、あなたのサイトの良いドメインを選択してください. それはあなたの個人的またはプロジェクトブランドにとって最も重要な決定の1つです.</li>
<li>eコマースサイトをスピンアップするなど、商業目的でgithubページを使用しないでください.</li>
<li>あなたのニーズを評価します. 静的サイトを無料で公開できるのは素晴らしいことですが、多くのトラフィックを期待している場合や複雑な機能が必要な場合は、優れたホスティングサービスの支払いが進む方法です.</li>
</ol>
<h2>まとめ</h2>
<p>ウェブ開発は毎日ますます複雑になっています. 静的サイトはインターネットの出現以来ここにあり、プロジェクトの作成を開始する素晴らしい方法です.</p>
<p>このチュートリアルでは、静的サイトとは何か、GitHubページを使用してオンラインでセットアップする方法を学びました。. Bootstrapを使用してシンプルな個人サイトを作成し、GitHubユーザーサイトとして公開しました. また、プロジェクトのサイトを稼働させて実行する方法と、必要に応じてそれを未発表する方法も学びました.</p>
<p>全体として、GitHubページは、静的Webサイトを無料でホストする便利で強力な方法です. ポートフォリオを紹介したり、オープンソースプロジェクトを共有したり、オンラインプレゼンスの作成を開始したりする場合でも、GitHubページは最適です。. また、十分なトラフィックを取得したり、フルスタックサイトを作成する準備ができたら、ビートを逃さずにKinstaのような他のアプリケーションホスティングサービスにシームレスに移行できます.</p>
<p>すべてのアプリケーション、データベース、およびWordPressサイトをオンラインおよび1つの屋根の下に入手してください. 機能が満載の高性能クラウドプラットフォームが含まれます。</p>
<ul>
<li>Mykinstaダッシュボードでの簡単なセットアップと管理</li>
<li>24時間年中無休の専門家のサポート</li>
<li>最大のスケーラビリティのためにKubernetesを搭載した最高のGoogleクラウドプラットフォームハードウェアとネットワーク</li>
<li>スピードとセキュリティのためのエンタープライズレベルのCloudFlare統合</li>
<li>世界中に最大35のデータセンターと275のポップがあるグローバルオーディエンスリーチ</li>
</ul>
<p>アプリケーションのホスティングまたはデータベースホスティングの無料トライアルを始めましょう. 私たちの計画を探索するか、販売に相談してあなたの最適なフィット感を見つける.</p>
<h2>厳選された関連記事</h2>
<p><img src=”https://kinsta.com/wp-content/uploads/2022/01/generate-ssh-key-360×180.jpg” alt=”巨大な紫色のハウスキーを巨大なラップトップに向けて押す小さな人間の人物のイラスト。” width=”360″ height=”180″ /></p>
<h2> GithubのSSHキーを生成する方法 </h2>
<p>あなたのプロジェクトがgithubにあるので、どのようにそれを安全に保つのですか? GitHubのSSHキーの生成について知っておくべきことをすべて学ぶ.</p>
読み取り時間11分を読む公開日2022年2月4日トピックWeb開発ツール
<p><img src=”https://kinsta.com/wp-content/uploads/2021/10/static-site-generator-360×180.jpg” alt=”ラップトップでタイピングする手を示す静的サイトジェネレーターのイラスト。” width=”360″ height=”180″ /></p>
<h2> 2023年のトップ5の静的サイトジェネレーター（およびそれらを使用するタイミング） </h2>
<p>静的サイトを構築しようとしている場合、それぞれを選択する必要がある理由と一緒に選択する5つの静的サイトジェネレーターがあります.</p>
読み取り時間10分読む公開日2021年11月8日トピックヘッドレスCMS
<p><img src=”https://kinsta.com/wp-content/uploads/2018/03/wordpress-vs-html-360×180.png” alt=”WordPress vs HTML” width=”360″ height=”180″ /></p>
<h2> WordPress vs Static HTML：サイトをどのように構築する必要がありますか? </h2>
<p>WordPressとStatic HTMLを決定してWebサイトを構築しようとしています? この投稿では、各メソッドがどのように機能するかを説明してから、いくつかを調べます…</p>