GitHub Pages を使用して個人の Web サイトとブログを構築する方法

PHPz
リリース: 2023-04-06 14:04:34
オリジナル
907 人が閲覧しました

GitHub Pages は、github が提供する無料の静的 Web サイト ホスティング サービスで、Markdown、HTML、CSS、JavaScript、またはその他の静的ファイルを GitHub Pages アカウントにホストできます。さまざまなカスタム ドメイン名とテーマをサポートし、Jekyll と互換性があり、404 ページなどのカスタマイズも可能です。非常に柔軟で強力です。したがって、GitHub Pages を使用して個人の Web サイトやブログを構築することが一般的です。

1. Github アカウントの登録

まず、Github アカウントを取得する必要があります。Github 公式 Web サイト https://github.com/ から登録できます。詳細には説明しません。

2. リポジトリの作成

リポジトリ名として「username.github.io」を使用して、新しい GitHub リポジトリを作成します。現時点では、ウェアハウス名は username.github.io である必要があります。username は GitHub ユーザー名です。

カスタム ドメイン名を使用する場合は、この方法を使用してウェアハウスを作成しないでください。カスタム ドメイン名を使用して追加のウェアハウスを作成できます。

3. Web サイト ファイルのアップロード

git ツールを使用してクローンを作成し、静的 Web サイトを作成してローカル ウェアハウスにアップロードします。

ローカル ディレクトリに「index.html」という名前の新しいファイルを作成し、そのファイルに個人 Web サイトの HTML コードを書き込みます。

次のコマンドを入力してウェアハウスを初期化できます:

$ cd /path/to/local/repo $ git init $ git add . $ git commit -m "first commit"
ログイン後にコピー

次に、ウェアハウスを GitHub に直接プッシュします。

$ git remote add origin https://github.com/username/username.github.io.git $ git push -u origin master
ログイン後にコピー

アップロードが完了すると、https://username.github.io/ で個人 Web サイトを表示できます。この URL は、将来すべての個人 Web サイトの公開アドレスにもなります。これにより、訪問者は Web サイト上の最新のコンテンツを見ることになります。

カスタム ドメイン名を使用する場合は、GitHub の [設定] -> [カスタム ドメイン] に登録したドメイン名を入力し、DNS でドメイン名解決を設定する必要があります。

4. Jekyll テーマを使用する

Jekyll は、GitHub Pages のデフォルトの静的 Web サイト ジェネレーターで、無料のオープンソースで、ほとんどのテーマと互換性があります。

まず、ローカル コンピュータに Ruby 言語をインストールする必要があります。次に、コマンド ラインに次の指示を入力します。

$ gem install jekyll bundler
ログイン後にコピー

次に、Jekyll テーマをローカル コンピュータに複製し、置き換えます。ファイルの内容を変更して置き換えます。 GitHub Pages リポジトリにアップロードします。

$ git clone https://github.com/the-name-of-the-Jekyll-theme.git $ cd the-name-of-the-Jekyll-theme $ bundle install $ jekyll serve
ログイン後にコピー

この時点で、ローカル コンピューターのブラウザーで個人の Web サイトを表示し、テーマを GitHub に直接プッシュすると、そのテーマが Web サイトで使用されます。

5. 概要

GitHub Pages を通じて個人の Web サイトやブログを構築すると、自分自身をより適切に表現できるようになり、個人の成長と成長にとって非常に重要な学習とコミュニケーションのためのプラットフォームも提供されます。とても助かりました。これはほんの簡単な紹介であり、さらに多くの機能や使い方については自分で調べて学習する必要があります。

以上がGitHub Pages を使用して個人の Web サイトとブログを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!