giteeで個人ウェブサイトを構築する方法

プログラマーとして、私たちは自分が書いたコードやプロジェクトを他の開発者と共有する必要があることがよくありますが、このとき、他の人が私たちの技術レベルと能力を 1 か所で理解できるようにする個人 Web サイトが非常に重要です。聞いたことのある WordPress などの個人用 Web サイト構築ツールは数多くありますが、開発者にとっては、GitPages や Gitee Pages などの静的な Web サイト構築方法を使用する方が適している可能性があります。 Gitee の Web サイト。

1. ウェアハウスの作成

まず、Gitee 上にコード ウェアハウスを作成する必要がありますが、ここで注意する必要があるのは、ウェアハウスの名前が仕様に準拠している必要があることです。つまり、ユーザー名が「example」の場合、作成するリポジトリの名前は「example.gitee.io」である必要があります。ウェアハウスを作成した後、ウェアハウスをローカルにクローンする必要があります。

2. テンプレートの準備

次に、個人 Web サイトを構築するためのテンプレートを選択する必要があります。ここでは、個人 Web サイトの構築に使用できるいくつかのテンプレートを提供します:

1. Minimal Mistakes: これは非常に人気のある Jekyll テーマで、Bootstrap に基づいており、さまざまな画面サイズに完全に適応するレスポンシブなデザインを備えています。
2. Lanyon: これはシンプルな Jekyll テーマで、そのデザイン スタイルは文学、読書、執筆などの個人の Web サイトに非常に適しています。
3. Pixyll: これは非常にシンプルな Jekyll テーマで、そのデザインは情報や作品を表示するためのシンプルなページだけを必要とする個人の Web サイトに非常に適しています。

テンプレートを選択した後、テンプレートをローカルにダウンロードし、ウェアハウス ディレクトリに抽出する必要があります。

3. 設定ファイルを変更します

ウェアハウス ディレクトリで、2 つのファイル _config.yml とindex.md を変更する必要があります。

_config.yml の設定項目:

1. title: Web サイト名。
2. email: 電子メールアドレス。
3. author: 著者名。
4. description: Web サイトの説明。
5. url: Web サイトのアドレス。「https://yourusername.gitee.io」に設定する必要があります。
6. github_username: Github のユーザー名。
7. twitter_username: Twitter のユーザー名。

index.md ファイルの設定項目:

1. title: Web サイト名。
2. subtitle: ウェブサイトのサブタイトル。
3. features: Web サイトの機能のリスト。
4. about: あなたの紹介について。
5. footer-links: フッター リンクのリスト。

変更が完了したら、Jekyll サービスをローカルで実行するには、次のコマンドを使用できます:

$ jekyll serve

4. Web サイトを公開します

Jekyll サービスをローカルで使用するには、http://127.0.0.1:4000 にアクセスして Web サイトをプレビューできます。すべて問題なければ、Web サイトを Gitee に公開できます。

引き続き Jekyll サービスをローカルで実行し、新しいターミナルを開いて次のコマンドを入力します:

git add .
git commit -m "Initial commit"
git push

その後、Gitee で当社の Web サイトが表示されます。ブラウザで https://username.gitee.io にアクセスすると、Web サイトを表示できます。

5. 個人的な Web サイトをカスタマイズする

上記は、他の人の Jekyll テーマを使用して個人的な Web サイトを構築することですが、パーソナライズされた Web サイトが必要な場合は、対応する Web ページ ファイルを変更する必要があります。変更とは、たとえば、ホームページのレイアウトを変更したい場合は、index.html ファイルを変更する必要があり、About ページを追加したい場合は、about.html ファイルを作成する必要があります。

つまり、これらの手順を実行すると、Gitee 上に自分の個人 Web サイトを簡単に構築できます。非常に便利で遊びやすさが高く、さまざまなテンプレートやカスタム テーマを使用して個人の Web サイトを構築およびデザインできます。

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