github で個人のホームページを構築する方法について話しましょう

現在のインターネット時代では、誰もが自分の作品や個人情報を表示するための個人のホームページを必要としています。 GitHub は最も人気のあるコード ホスティング プラットフォームの 1 つであり、個人のホームページを構築するためのツールとしても使用できます。この記事では、GitHub 上に美しい個人のホームページを作成し、自分の作品や個人情報を紹介する方法を紹介します。

パート 1: GitHub アカウントとリポジトリの作成

最初に行うことは、GitHub でアカウントを作成することです。すでにアカウントをお持ちの場合は、この手順をスキップできます。アカウントを登録した後、個人のホームページのホスティング リポジトリとして機能するリポジトリを作成する必要があります。

1. GitHub ホームページで、右上隅の「 」記号をクリックし、「新しいリポジトリ」を選択します。
2. ウェアハウスの名前を設定します。これは「username.github.io」である必要があります。「username」は GitHub ユーザー名です。
3. 「README を使用してこのリポジトリを初期化する」にチェックを入れて、ウェアハウスに README ファイルがあることを確認します。
4. 「リポジトリの作成」ボタンをクリックして作成を完了します。

この時点で、ウェアハウスに README ファイルが存在するはずです。このファイルはプロフィールに自動的に表示されます。

パート 2: ホームページの編集

1. 倉庫名をクリックして、倉庫のホームページに入ります。
2. ウェアハウスのホームページの右側にある「設定」ボタンをクリックして、ウェアハウスの設定ページに入ります。
3. ページを下にスクロールして、「GitHub Pages」オプションを見つけます。
4. 「ソース」セクションで、「マスター ブランチ」を選択します。これは、GitHub がマスター ブランチからマスター ファイルを読み取ることを意味します。
5. 個人の好みに基づいてテーマを選択してください。 GitHub にはすでに、選択できるさまざまな組み込みテーマが用意されています。
6. 「テーマの選択」ボタンをクリックすると、Github がホームページを基本テンプレートとして自動的に生成します。

これで、生成されたホームページがウェアハウスで確認できるようになります。ホームページには、GitHub アカウント情報、ウェアハウス情報、GitHub 関連リンクなど、いくつかのデフォルト コンテンツがすでに含まれています。次のステップでは、これらの基本情報に独自の情報を追加します。

7. 「_config.yml」ファイルをクリックし、ページの下部にある編集ボックスで編集します。
8. 名前、プロフィール、ソーシャルメディアリンクなどを含む、ファイル内の個人情報を変更します。 ＃＃＃＃＃＃変更内容を保存。
9. 「index.md」ファイルをクリックし、ページの下部にある編集ボックスで編集します。
10. ファイル内のコンテンツを変更して、自分の仕事、スキル、その他の情報を表示します。 HTML タグを追加して、Web ページをよりインタラクティブで魅力的なものにすることができます。 ＃＃＃＃＃＃変更内容を保存。
11. あなたのホームページにあなたの個人情報や作品を掲載できるようになりました。

パート 3: ホームページのアップロードと公開

ホームページ ファイルをリポジトリにアップロードします。 Git BashやGitHub Desktopなどのツールを利用して操作できます。

ウェアハウス ページに入り、右上隅の [設定] をクリックして、[GitHub ページ] 設定ページに入ります。

1. 「ソース」セクションで「マスター ブランチ」を選択し、「保存」ボタンをクリックします。
2. ページが自動的に更新され、「あなたのサイトは https://username.github.io/ で公開されています」というメッセージが表示されます。これは、ホームページが GitHub に正常に公開されたことを意味します。
4. 概要

上記の手順により、GitHub 上に自分の個人ホームページを作成することができました。このプロセスでは、GitHub アカウントを作成してリポジトリを作成する方法、選択したテーマを使用して独自のホームページを作成する方法、ホームページに個人情報や仕事情報を追加する方法を学びました。将来、あなたのプロフィールが個人のブランド構築とキャリア開発において重要な資産となることを願っています。

以上がgithub で個人のホームページを構築する方法について話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。