MacでGithubブログをセットアップする方法

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

現在、インターネット上に自分のブログを開設する人が増えていますが、この方法は自由度が高いだけでなく、自分の技術力を発揮することもできます。 Mac システム ユーザーの場合は、独自の GitHub ブログをセットアップする方法も良い方法です。

GitHub は世界最大のコード ホスティング Web サイトであり、ブログ ホスティングなどのさまざまな機能を提供します。さらに、GitHub Pages は、Web サイトを迅速に生成できるだけでなく、シンプルで使いやすい優れた静的 Web サイトジェネレーターである Jekyll を完全にサポートしています。

それでは、次に、Mac システムで GitHub ブログを構築するための具体的な手順について詳しく見ていきましょう:

ステップ 1: GitHub アカウントを登録し、コード リポジトリを作成します

GitHub の場合 アカウントを登録してログインした後、「username.github.io」という命名形式で新しいコード リポジトリを作成します。「username」は GitHub アカウントの名前です。このコード リポジトリは GitHub ブログ Web サイトのルート ディレクトリであり、すべてのコンテンツはここに保存されます。

ステップ 2: Jekyll をインストールする

Jekyll は Ruby 言語で書かれたプログラムです。まず Ruby が Mac システムにインストールされていることを確認してから、次のコマンドを使用して Jekyll をインストールする必要があります。

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

インストールが完了したら、次のコマンドを使用して新しい Jekyll Web サイトをローカルに生成します:

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

"myblog" ここはブログ Web サイトのディレクトリ名で、自分で変更できます。 。

ステップ 3: Jekyll をセットアップする

作成したばかりの「myblog」ディレクトリを開き、_config.yml ファイルを見つけて、その中のいくつかの構成項目を以下に示すように変更します。

url: "https://username.github.io"
baseurl: "" # 将这里的“/”改为空格
ログイン後にコピー
「ユーザー名」は、GitHub 上のアカウント名を表します。

ステップ 4: Jekyll を使用して Web サイトを生成する

次のコマンドを使用して、ローカル開発環境に Web サイトを生成します:

$ bundle exec jekyll serve
ログイン後にコピー
このコマンドは、静的 Web サイトを自動的に生成します。 http://localhost:4000 を通じてローカル ブログ Web サイトにアクセスできる Web サーバー。

ステップ 5: Web サイトを GitHub にプッシュする

Web サイトのコンテンツのローカル編集が完了したら、次のコマンドを使用して Web サイトを GitHub にプッシュできます:

$ git add --all
$ git commit -m "Initial commit"
$ git push -u origin master
ログイン後にコピー
"master"ここでは「ブランチは固定されており、変更できません。

GitHub アカウントで、作成したばかりのコード リポジトリを入力し、[設定] -> [GitHub ページ] をクリックし、「マスター」としてブランチを選択して設定を保存します。正常に保存すると、「https://username.github.io」でブログ Web サイトにアクセスできるようになります。

概要:

上記の手順により、Mac システム上に独自の GitHub ブログ Web サイトを構築できます。これは完全に無料です。基本的な技術的な余力はありますが、手順をよく読んで操作していけば、うまく構築できると思います。お互いに励まし合いましょう。

以上がMacでGithubブログをセットアップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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