ホームページ > 開発ツール > Git > Github ページを使用して個人ブログを構築する方法

Github ページを使用して個人ブログを構築する方法

PHPz
リリース: 2023-03-31 11:19:17
オリジナル
1546 人が閲覧しました

プログラマーとして、個人のブログを持つことは非常に必要です。自分自身の成長プロセスや技術的な洞察を記録するだけでなく、自分の経験や考えを大多数のテクノロジー愛好家と共有することもできます。現在、多くの静的ブログ生成ツールがあり、多くの面倒な作業が不要になったため、個人ブログの構築は非常に簡単かつ便利になりました。中でも、githubページを使って個人ブログを構築するのは非常におすすめです。以下では、githubページを使用して個人ブログを構築する方法を詳しく紹介します。

1. github アカウントを登録する

まず、github アカウントを登録する必要があります。 Github は非常に有名なコード ホスティング プラットフォームであり、github Pages は github が提供する無料の静的 Web ページ ホスティング サービスで、個人のブログを構築したり、自分の作品を表示したりするために使用できます。 githubアカウントの登録は非常に簡単で、公式サイト上で個人情報とメールアドレスを入力するだけです。

2. リポジトリの作成

github アカウントを登録した後、個人ブログのコード リポジトリとして github 上にリポジトリを作成する必要があります。 githubページの右上隅にある「 」ボタンをクリックし、「新しいリポジトリ」を選択し、リポジトリの名前と説明を入力し、パブリックかプライベートかを選択して、「リポジトリの作成」ボタンをクリックして作成します。新しいリポジトリ。

3. 静的ブログ生成ツールを選択する

github にコード ウェアハウスを作成したら、次に静的ブログ生成ツールを選択する必要があります。一般的に使用される静的ブログ生成ツールには、Jekyll、Hexo、Hugo などが含まれます。ここではジキルを例に挙げて紹介します。 Jekyll は非常に人気のある静的 Web サイトジェネレーターであり、github によって公式にサポートされています。 Liquid テンプレート言語を使用しているため、シンプルで美しい個人ブログをすばやく作成できます。

Jekyll のインストールは非常に簡単です。コマンド ラインで次のコマンドを実行するだけです。

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

インストールが完了したら、Jekyll を使用して新しいブログを作成できます。ローカル ディレクトリで、次のコマンドを実行します。

jekyll new myblog
ログイン後にコピー

ここで、「myblog」は個人のブログの名前であり、カスタマイズできます。上記のコマンドを実行すると、Jekyll はデフォルトのブログ テンプレートを自動的に生成します。これを独自のブログ コードとして github にプルできます。

具体的な手順は次のとおりです。

  1. ローカルのブログ フォルダーを github のリポジトリにアップロードします。

次のコマンドをローカルで実行します。

cd myblog
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git push -u origin master
ログイン後にコピー
このうち、「yourusername」はgithub上のアカウント名なので、自分のアカウント名に置き換える必要があります。

    github ページに入り、リポジトリ設定を見つけます。
リポジトリ設定で、「GitHub ページ」セクションを見つけ、ソースとして「マスター ブランチ」を選択します。ブログフォルダー名が yourusername.github.io ではない場合は、手動で設定する必要があります。

    数分待って、個人のブログにアクセスしてください。
リポジトリの「GitHub ページ」セクションに、個人のブログへのリンクが表示されます。数分後、このリンクから個人のブログにアクセスできるようになります。

4. ブログ テーマの選択

Jekyll 自体には、_config.yml ファイルで設定できるいくつかのデフォルト テーマが用意されています。ただし、これらのデフォルトのテーマは少し粗く、要件を完全に満たしていない可能性があります。したがって、優れたサードパーティのテーマをいくつか選択して、ブログに適用できます。

Jekyll のサードパーティ テーマは、Github で検索してダウンロードできます。ダウンロード後、テーマ フォルダーをブログ フォルダーにコピーし、_config.yml ファイルで構成します。

5. ブログ投稿の公開

ブログ フォルダーでは、Markdown 構文を使用してブログ投稿を作成できます。新しいブログ投稿は_postsフォルダーに配置し、ファイル名は「年-月-日-記事タイトル.md」の形式にする必要があります。たとえば、_posts ディレクトリに「hello-world」という名前のブログ投稿を書くことができます。

---
layout: post
title:  "Hello World"
date:   2021-09-01 00:00:00 +0800
categories: jekyll update
---

# Hello World

这是我的第一篇博客文章。
ログイン後にコピー
最初の部分は記事のメタ情報であり、記事のタイトル、時刻、分類などの情報を説明するために使用され、2 番目の部分は記事のテキスト コンテンツです。 Markdown 構文を使用してタイプセットします。

6. 概要

上記の手順により、github 上に個人ブログを簡単に構築し、独自のブログ記事を公開することができます。 Github ページを使用して個人ブログを構築することは、シンプルで便利なだけでなく、無料で安定しています。この記事が個人ブログを構築したいプログラマーのお役に立てれば幸いです。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート