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

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

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

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

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

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

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

3. コードの追加

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

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

nbsp;html>



<h1 id="Hello-World">Hello World!</h1>

次に、このフォルダーを 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 ブランチにプッシュします。

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

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

5. デモ Web ページの追加

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

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

6. デモを共有する

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

概要:

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

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