ホームページ 開発ツール Git GitHub を使用してデモを作成および表示する方法

GitHub を使用してデモを作成および表示する方法

Apr 06, 2023 am 08:51 AM

GitHub は、非常に人気のあるオープン ソース コード ホスティング プラットフォームで、開発者が共有および共同作業してソフトウェア開発プロセスをスピードアップできるようにします。 GitHub では、多数のオープンソース プロジェクトを見つけたり、他の開発者のコ​​ードを学習して探索したり、独自のプロジェクトを作成して他の開発者と共同作業したりできます。この記事では、GitHub を使用してデモを作成および表示する方法について説明します。

  1. GitHub アカウントを作成する

まず、GitHub アカウントを作成する必要があります。すでにアカウントをお持ちの場合は、直接次のステップに進んでください。まだお済みでない場合は、GitHub の公式 Web サイト https://github.com/ にアクセスし、「サインアップ」ボタンをクリックし、関連情報を入力してアカウントを作成してください。

  1. リポジトリを作成する

GitHub では、各プロジェクトを「リポジトリ」と呼びます。デモを作成するには、新しいリポジトリを作成する必要があります。リポジトリを作成するには、GitHub アカウントにログインし、右上隅のプラス記号をクリックして、[新しいリポジトリ] を選択します。

[新しいリポジトリの作成] ページで、リポジトリの名前と説明を入力し、パブリックまたはプライベート (有料) ウェアハウスを選択して、[リポジトリの作成] ボタンをクリックしてリポジトリを正常に作成します。

  1. コードの追加

次に、コードをリポジトリに追加する必要があります。ローカル コンピューターからファイルを直接アップロードすることも、Git コマンド ライン ツールを使用してコードをアップロードすることも、GitHub の Web エディターを使用することもできます。ここでは、例として簡単な Hello World デモを作成します。

まずローカルに「helloworld」という名前のフォルダーを作成し、「index.html」という名前のファイルを作成します。ファイルのコード内容は次のとおりです。

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>

</body>
</html>
ログイン後にコピー

次に、このフォルダーを GitHub にアップロードします。ローカルでコマンド ラインまたはターミナルを開き、次のコマンドを入力します。

cd helloworld
git init
git add .
git commit -m "Initial commit"
git remote add origin [YOUR_REPOSITORY_URL]
git push -u origin master
ログイン後にコピー

上記のコマンドでは、「cd helloworld」によって現在のディレクトリが「helloworld」フォルダに変更され、「git init」によってフォルダが変換されます。 git リポジトリに追加するには、「git add .」ですべてのコードをローカル git リポジトリに追加します。「git commit -m" Initial commit "」でこれらの変更をローカル git リポジトリにコミットします。「git Remote addorigin [YOUR_REPOSITORY_URL]」で変更をコミットします。リポジトリをリモート ウェアハウスにリンクし、最後に「git Push -uorigin master」でコンテンツを master ブランチにプッシュします。

  1. gh-pages ブランチの作成

ウェアハウスを作成した後、デモを表示するために使用される「gh-pages」という名前のブランチを作成する必要があります。ブランチを作成するには、リポジトリを開き、「ブランチ: マスター」をクリックし、「gh-pages」と入力して新しいブランチを作成します。

  1. デモ Web ページの追加

次に、デモを表示するために Web ページを「gh-pages」ブランチに追加する必要があります。まず、ブランチに新しいフォルダーを作成し、フォルダーの名前を「docs」に変更します。次に、デモ ファイルを「docs」フォルダーにコピーし、ファイル名を「index.html」に変更します。

次に、「gh-pages」ブランチ内の「docs」フォルダーをデフォルトの表示ページにする必要があります。リポジトリの設定ページで、「GitHub Pages」オプションを見つけて、「ソース」オプションを「マスター ブランチ/ドキュメント フォルダー」に変更し、「保存」ボタンをクリックします。少し待つと、デモが GitHub ページに表示されます。

  1. デモを共有する

これで、GitHub 上にデモが正常に作成され、表示されました。次に、デモへのリンクを他の人と共有して、デモを披露することができます。これを行うには、リポジトリ ページの「GitHub ページ」へのリンクをコピーします。

概要:

この記事の導入部を通じて、GitHub でデモを表示し、デモ リンクを他のユーザーと共有する方法を学びました。初心者の開発者であっても、経験豊富なプロフェッショナルであっても、GitHub を使用すると開発プロセスがスピードアップされ、コードがより専門的で保守しやすくなります。この記事がデモを紹介し、GitHub でのコラボレーションを開始するのに役立つことを願っています。

以上がGitHub を使用してデモを作成および表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Gitプロジェクトをローカルにダウンロードする方法 Gitプロジェクトをローカルにダウンロードする方法 Apr 17, 2025 pm 04:36 PM

gitを介してローカルにプロジェクトをダウンロードするには、次の手順に従ってください。gitをインストールします。プロジェクトディレクトリに移動します。次のコマンドを使用してリモートリポジトリのクローニング:git clone https://github.com/username/repository-name.git

gitでコードを更新する方法 gitでコードを更新する方法 Apr 17, 2025 pm 04:45 PM

GITコードを更新する手順:コードをチェックしてください:gitクローンhttps://github.com/username/repo.git最新の変更を取得:gitフェッチマージの変更:gitマージオリジン/マスタープッシュ変更(オプション):gitプッシュオリジンマスター

gitの提出後に戻る方法 gitの提出後に戻る方法 Apr 17, 2025 pm 01:06 PM

Git Commitをフォールバックするには、Git Reset - Hard Head〜nコマンドを使用できます。ここで、nはコミット数の数を表します。詳細な手順には、次のものがあります。 - ハードオプションを使用して、フォールバックを強制します。指定されたコミットに戻るためにコマンドを実行します。

GitでSSHキーを生成する方法 GitでSSHキーを生成する方法 Apr 17, 2025 pm 01:36 PM

リモートGitサーバーに安全に接続するには、パブリックキーとプライベートキーの両方を含むSSHキーを生成する必要があります。 SSHキーを生成する手順は次のとおりです。端子を開き、ssh -keygen -t rsa -b 4096を入力します。キー保存場所を選択します。秘密鍵を保護するには、パスワード句を入力します。公開キーをリモートサーバーにコピーします。アカウントにアクセスするための資格情報であるため、秘密鍵を適切に保存します。

GITの倉庫アドレスを確認する方法 GITの倉庫アドレスを確認する方法 Apr 17, 2025 pm 01:54 PM

gitリポジトリアドレスを表示するには、次の手順を実行します。1。コマンドラインを開き、リポジトリディレクトリに移動します。 2。「git remote -v」コマンドを実行します。 3.出力と対応するアドレスでリポジトリ名を表示します。

Git vs. Github:バージョンコントロールとコードホスティング Git vs. Github:バージョンコントロールとコードホスティング Apr 11, 2025 am 11:33 AM

Gitはバージョン制御システムであり、GithubはGitベースのコードホスティングプラットフォームです。 GITは、コードバージョンを管理し、ローカル操作をサポートするために使用されます。 GitHubは、問題の追跡やPullRequestなどのオンラインコラボレーションツールを提供しています。

gitコミットの使用方法 gitコミットの使用方法 Apr 17, 2025 pm 03:57 PM

GITコミットは、プロジェクトの現在の状態のスナップショットを保存するために、ファイルの変更をGITリポジトリに記録するコマンドです。使用方法は次のとおりです。一時的なストレージエリアに変更を追加する簡潔で有益な提出メッセージを書き込み、送信メッセージを保存して終了して送信を完了します。

gitでコードをマージする方法 gitでコードをマージする方法 Apr 17, 2025 pm 04:39 PM

gitコードマージプロセス:競合を避けるために最新の変更を引き出します。マージするブランチに切り替えます。マージを開始し、ブランチをマージするように指定します。競合のマージ(ある場合)を解決します。ステージングとコミットマージ、コミットメッセージを提供します。

See all articles