2019.06.20IT・デジタルTwitterFacebookはてブPocketLINEPinterest静的なサイトを作成したいけどサーバとか考えるの面倒。Pagesがおすすめです。GitHubのアカウントがあればmasterブランチにファイルを置くだけでホームページとして公開することができてしまいます。Pagesでホームページを作成する基本的な方法について解説します。Bashを利用しています。Pagesとは、GitHubが提供しているホスティングサービスです。画像ファイル等を使って静的なWebページを無料で作成し、公開することができます。従来とは異なりWebサーバを用意しなくてもよい点が魅力です。Pagesでホームページを作るには、以下の操作手順で行います。repository」を選択します。Repository」ボタンをクリックします。Pagesとして公開するには、リポジトリ名の部分を「.github.io」にする必要があります。作成したリポジトリをローカルへCloneします。cloneコマンドを実行します。リポジトリURLClone操作の詳細はこちらにまとめましたので、不明点がある場合は参考にしてください。作成されたローカルリポジトリへ移動し、必要なファイルを作成し編集します。.github.io例として、トップページとして「index.html」を、レイアウト用として「styling.css」ファイルを作成しています。add」を使用し変更をgitに認識させます。commit」を使用し変更内容をコミットします。push」を使用し変更内容をリモートリポジトリに反映させます。originこれでトップページ用のファイルをリモートリポジトリ内に揃えることができました。「https://.github.io/」のURLを開くと、作成したホームページを確認することができます。「https://.github.io/index.html」によっても開くことができます。Pagesの問題点として、ソースの反映がすぐには行われない可能性があります。タイミングによっては数分~数時間かかる場合もありますのでご注意ください。複数のページを増やす続いてトップページ以外のWebページを作成してみましょう。この例では「Contact」ページを作成します。ローカルリポジトリにて、新しいページのhtmlファイルを作成します。例では「contact.html」ファイルをvimコマンドで作成しています。add」を使用し変更をgitに認識させます。commit」を使用し変更内容をコミットします。push」を使用し変更内容をリモートリポジトリに反映させます。origin以上で、contact.htmlファイルがリモートリポジトリに反映されました。「https://.github.io/」のURLを開くと、作成したホームページを確認することができます。Pagesのでのホームページの基本的な作成方法でした。:midSun31フリーでWebエンジニアとライターやってます。速く打てるキーボードとモカブレンドとワインとバーゼル問題が好物です。運動不足をひしひしと実感しているのでフィットネス通おうか悩み中です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。複数のページを増やす。