ブログ
GitHubPagesでサイトを公開しよう！
初めまして、カメヤマです。アウルキャンプに入社して半年が経ちました。入社してからバージョン管理システムのGitの存在を知りました。Gitって便利ですね。現場ではGitHubやGitLabなどのホスティングサービスを利用してウェブサイトの運営を行っています。
Gitについて学んでいくうちに簡単にGitを使ってウェブページを公開、更新する方法はないのか?と探していたところ、GitHubから直接サイトを公開できる機能がありました！それがGitHubPagesです。
今回はGithubPagesを使ってウェブサイトの公開仕方を紹介します。これを使えばGit使って簡単にサイトの更新も行えます。
こちらの記事はすでにGitHubアカウントを持っている方を対象にしています。
以下のサイトでログインまたはアカウント登録ができます。
色々と制限はありますが、GitHubPagesは静的な簡易サイトを制作するのにとても向いているのではないかと思います。
GitHubにログインしてリポジトリの作成をします。Start a projectを選択します。
リポジトリネームをつけ、Create repositoryを選択します。この名前はアドレス（https://ユーザ名か組織名.github.io/リポジトリ名）にも使用されます。
クローンを行い、ローカルにリポジトリを作ります。
表示されているアドレスをコピーします。今回はHTTPS接続でコマンドラインからクローンを行います。（クローンの仕方は好きな方法で行って下さい）
任意のディレクトリに移動して、クローンをします。
無事クローンができていればフォルダの中にサイトのデータを作成します。
サイトを作成したら、プッシュします。
リモートリポジトリが作成されていることを確認して、Settingsを選びます。
GitHub Pagesの項目から、master branchを選びます。選んだらsaveを押します。フォルダ名「docs」を用意し、その中だけをサイト公開することもできます。
GitHub Pagesの項目のところにURLができているのでそれがサイトのアドレスになります。設定すれば任意のドメインにすることも可能です。
テスト用のサイトが公開できました。Javasprictも動いていることがconsoleから確認できます。
あくまで簡易的なサイトに限りますが、簡単にGitを使って公開することができました。更新する際は作業用ブランチからマスターブランチにマージさせることで公開をしていくことができます。とても便利なので一度試してみてはいかがでしょうか。
関連記事
2024.09.30
2024.09.30
2024.04.08
