Githubにテーマを追加する方法

王林
リリース: 2023-05-17 09:03:07
オリジナル
906 人が閲覧しました

GitHub は、世界最大のオープン ソース ソフトウェア開発 Web サイトの 1 つで、何百万ものオープン ソース プロジェクトとコード ライブラリが含まれています。 GitHub を使用すると、ユーザーは独自のコード ライブラリを作成し、他のユーザーと共有して通信できるため、ソフトウェア開発がより便利かつ効率的になります。コード ベースをよりパーソナライズするために、GitHub ではユーザーがページを美しくするためのテーマを追加できるようにしています。この記事ではGitHubにトピックを追加する方法を紹介します。

1. 自分に合ったテーマを選択します
テーマを追加する前に、自分に合ったテーマを選択する必要があります。 GitHub には、選択できる無料のテーマが多数あります。

  1. https://github.com/topics
  2. https://github.com/howcases から見つけることができます。
  3. https://github.com/explore

これらのテーマは、プログラミング言語、テーマの色、ページ レイアウトなどに基づいてフィルタリングできます。適切なテーマを選択したら、テーマの追加を開始できます。 。

2.テーマ設定ファイルを開きます

  1. GitHub コード リポジトリ ページで、ページの右上隅にある [設定] ボタンをクリックします。
  2. 次のページに移動して、[オプション] タブを選択します。
  3. タブの中から「GitHub Pages」タブを選択します。
  4. 「ソース」ドロップダウン メニューを「なし」から「マスター ブランチ」に変更します。
  5. 「テーマを選択」ボタンをクリックして、お好みのテーマを選択してください。これにより、「_config.yml」というファイルが自動的に作成され、選択したテーマがそこに追加されます。

3. テーマ設定ファイルを編集する
2 番目のステップでは、「_config.yml」というファイルを作成しました。このファイルを編集することで、テーマの色やフォントなどを変更できます。このファイルは、Sublime テキスト、Visual Studio Code などのテキスト エディターを使用して編集できます。ファイルを編集する前に、その形式と構文を理解する必要があります。

これは典型的な _config.yml ファイルの例です

サイトの名前 (ヘッダーに表示されます)

名前: Jonathan Doe

短い自己紹介または説明 (ヘッダーに表示されます)

description: >- # これは次まで改行を無視することを意味します >
人間

アバターまたはプロフィール写真の URL (GitHub のプロフィール写真を使用できます)

アバター: /assets/images/avatar.jpg

バナー画像 (オプション)

header:

画像: /assets/images/banner.jpg

高さ: 50vh

テーマをカスタマイズする

main_color: "#3cba54"
Secondary_color: "#2c3e50"
font_family: "Helvetica, sans-serif"
google_analytics: UA-xxxxxxxx-xxxxxxxx上記のテーマの色、フォント、その他のオプションに加えて、ファイルには Web サイト名、Web サイトの説明、アバターや Google Analytics などのオプション。ファイルの編集が完了したら、ファイルを保存し、GitHub リポジトリにコミットします。これを実行すると、GitHub ページに独自のクールなテーマが表示されます。

概要:

GitHub にトピックを追加するのは非常に簡単で、上記の手順に従うだけです。ただし、テーマを追加する前に、自分に合ったテーマを選択し、編集する前にテーマの構成ファイルの形式と構文を理解する必要があります。テーマを追加すると、GitHub リポジトリにパーソナライズされたタッチを追加して、より目を引く魅力的なものにすることができます。

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

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