ホームページ 開発ツール Git githubでビルドする方法

githubでビルドする方法

May 17, 2023 am 10:08 AM

1. はじめに

GitHub は、共同開発、プロジェクト管理、コード ホスティングに使用できる、最も人気のあるオープン ソース バージョン管理システムの 1 つです。場合によっては、GitHub Pages に基づいて個人またはチームの静的 Web サイトを構築することもできます。

この記事では主に、GitHub を使用して独自の個人またはチームの静的 Web サイトを構築する方法を紹介します。これには、GitHub アカウントの作成、ウェアハウスの作成、Jekyll を使用した Web サイトの生成、ドメイン名のバインドなどの具体的な手順が含まれます。 。

2. GitHub アカウントを作成する

まず、GitHub 公式 Web サイトにアクセスし、GitHub アカウントを登録する必要があります。すでに GitHub アカウントをお持ちの場合は、この手順をスキップできます。

GitHub アカウントを作成した後、新しいウェアハウスを作成することを選択できます。

3. リポジトリを作成します

GitHub ホームページで [新しいリポジトリ] ボタンをクリックします。

githubでビルドする方法

「リポジトリ名」入力ボックスに Web サイト名を入力します (例: 「my-awesome-website」)。

githubでビルドする方法

次に、倉庫のタイプを選択する必要があります。静的な Web サイトを構築したいので、「パブリック」タイプを選択します。

githubでビルドする方法

最後に「リポジトリの作成」をクリックしてウェアハウスの作成が完了します。

4. Jekyll を使用して Web サイトを生成します

次に、Jekyll を使用して Web サイトを生成する必要があります。 Jekyll は、WordPress や他の CMS システムに似た、シンプルで使いやすい静的 Web サイト ジェネレーターですが、データベースやサーバー側スクリプトのサポートを必要とせず、代わりに、Markdown または HTML テンプレート言語を通じて静的 Web ページを生成します。

Jekyll テンプレートのクローンを作成すると、基本的な Web サイトの構造とデザインが提供されます。

git clone https://github.com/barryclark/jekyll-now.git
ログイン後にコピー

クローン作成が完了したら、このリポジトリ内のすべてのファイルを独自のファイルにコピーする必要があります。倉庫の中。次に、独自のウェアハウスに「_config.yml」という名前の新しいファイルを作成し、次の内容を入力します:

title: My Awesome Website
description: A description of my awesome website.
ログイン後にコピー

5. ドメイン名をバインドします

これで、独自の静的 Web サイトの構築に成功しました。 、自分の倉庫のアドレスにアクセスして Web サイトを表示できます。

ただし、GitHub のデフォルトのドメイン名を使用する代わりに、独自のドメイン名を使用して Web サイトにアクセスしたい場合があります。そこでこのセクションでは、独自ドメイン名を GitHub Pages にバインドする方法を説明します。

  1. まず、ドメイン名を購入する必要があります。 GoDaddy、Namecheap など、選択できるドメイン名レジストラは多数あります。 .com、.net、.org、.co などのサフィックスを付けてドメイン名を登録することを選択できます。
  2. 次に、ドメイン名レジストラーのコンソールでドメイン名解決管理ページを見つけます。ここでは、ドメイン名を解決するために CNAME レコードを GitHub Pages リポジトリに追加する必要があります。

ドメイン名が「mydomain.com」であるとします。したがって、「www.mydomain.com」を解決する CNAME レコードを GitHub Pages リポジトリに追加する必要があります。

githubでビルドする方法

  1. 次に、GitHub Pages リポジトリに「CNAME」ファイルを追加する必要があります。このファイルにバインドするドメイン名「www.mydomain.com」を入力します。
  2. 最後に、ドメイン名レジストラーのコンソールで、ドメイン名の DNS サーバーを GitHub Pages のデフォルト DNS サーバーに設定します。
ns1.p19.dynect.net
ns2.p19.dynect.net
ns3.p19.dynect.net
ns4.p19.dynect.net
ログイン後にコピー
  1. しばらく待ちます。 , すると、自分のドメイン名にアクセスして、構築したWebサイトを閲覧することができます。

6. 概要

この記事では主に、GitHub を使用して個人またはチームの静的 Web サイトを構築する方法を紹介します。まず GitHub アカウントを作成し、新しいリポジトリを作成する必要があります。次に、Jekyll テンプレートのクローンを作成し、「_config.yml」というファイルを追加することで Web サイトを生成しました。最後に、Web サイトにアクセスするためにドメイン名を GitHub Pages にバインドする方法についても説明しました。

以上がgithubでビルドする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Githubは学ぶのが難しいですか? Githubは学ぶのが難しいですか? Apr 02, 2025 pm 02:45 PM

Githubを学ぶのは難しくありません。 1)基本知識をマスターする:GitHubは、コードの変更と共同開発の追跡に役立つGitベースのバージョン制御システムです。 2)コア関数を理解する:バージョン制御は各提出を記録し、ローカル作業とリモート同期をサポートします。 3)使用方法を学びます:リポジトリの作成からコミットをプッシュする、ブランチの使用、リクエストをプルするまで。 4)一般的な問題を解決する:競合のマージやファイルの追加を忘れるなど。 5)最適化の練習:意味のある提出メッセージを使用し、ブランチをクリーンアップし、プロジェクトボードを使用してタスクを管理します。練習とコミュニティコミュニケーションを通じて、Githubの学習曲線は急ではありません。

MicrosoftはGitまたはGithubを所有していますか? MicrosoftはGitまたはGithubを所有していますか? Apr 05, 2025 am 12:20 AM

MicrosoftはGitを所有していませんが、Githubを所有しています。 1.GITは、2005年にLinus Torvazによって作成された分散バージョン制御システムです。2。Githubは、GITに基づくオンラインコードホスティングプラットフォームです。 2008年に設立され、2018年にMicrosoftに買収されました。

gitはgithubと同じですか? gitはgithubと同じですか? Apr 08, 2025 am 12:13 AM

gitとgithubは同じものではありません。 Gitはバージョン制御システムであり、GithubはGitベースのコードホスティングプラットフォームです。 GITはコードバージョンの管理に使用され、GitHubはオンラインコラボレーション環境を提供します。

履歴書にgitまたはgithubを置くべきですか? 履歴書にgitまたはgithubを置くべきですか? Apr 04, 2025 am 12:04 AM

履歴書では、ポジションの要件と個人的な経験に基づいて、GitまたはGithubを作成することを選択する必要があります。 1.位置にGITスキルが必要な場合は、Gitを強調表示します。 2。ポジションがコミュニティの参加を評価する場合は、Githubを表示します。 3.使用経験とプロジェクトのケースを詳細に説明し、完全な文で終了してください。

gitまたはgithubから始めるべきですか? gitまたはgithubから始めるべきですか? Apr 06, 2025 am 12:09 AM

GITから始めることは、バージョン制御原則を深く理解するためにより適しており、GitHubから始めることは、コラボレーションとコードホスティングに焦点を当てるのに適しています。 1.GITは、コードバージョン履歴の管理に役立つ分散バージョン制御システムです。 2。Githubは、Gitに基づいたオンラインプラットフォームであり、コードホスティングとコラボレーション機能を提供します。

GitlabがGithubよりも優れているのはなぜですか? GitlabがGithubよりも優れているのはなぜですか? Apr 03, 2025 am 12:08 AM

GitLabは、完全なDevOpsツールチェーンと強力なCI/CD機能を提供するため、一部の開発者やチームにとって優れています。 1。GITLABのCI/CD機能はプラットフォーム内に統合されており、コードの提出から展開までの完全なプロセス自動化をサポートします。 2。そのサーバー側のレンダリングテクノロジーは、大規模なプロジェクトのページの読み込み速度を改善します。 3。Gitlabの許可管理システムはより柔軟であり、細粒の制御をサポートしています。

HTMLにGitHubを使用する方法は? HTMLにGitHubを使用する方法は? Apr 07, 2025 am 12:13 AM

GitHubを使用してHTMLプロジェクトを管理する理由は、バージョン制御、共同開発、作品の提示のためのプラットフォームを提供するためです。特定の手順には次のものが含まれます。1。gitリポジトリの作成と初期化、2。htmlファイルを追加および送信します。3。githubにプッシュ、4。githubpagesを使用してWebページを展開します。さらに、GitHubは、HTMLプロジェクトの最適化とコラボレーションを支援するために、コードレビュー、発行、およびPullRequest機能もサポートしています。

簡単な言葉でGitとは何ですか? 簡単な言葉でGitとは何ですか? Apr 09, 2025 am 12:12 AM

GITは、開発者がファイルの変更を追跡し、協力してコードバージョンを管理するのに役立つオープンソース分散バージョン制御システムです。そのコア関数には、1)レコードコードの変更、2)以前のバージョンへのフォールバック、3)共同開発、4)並列開発のためのブランチの作成と管理。

See all articles