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

githubでビルドする方法

王林
王林オリジナル
2023-05-17 10:08:371363ブラウズ

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 までご連絡ください。