GitHub Pages を利用してポートフォリオを構築していきます
マークダウン形式 または HTML(ウェブデザイン)形式で構築します
完成するとウェブサイトが公開された状態になります
GitHub の Dashboard (HOME画面) ページを開きます
表示されているリポジトリ (***.github.io)をクリックします
GitHub Pages ページを作成・編集していきます。
(ポートフォリオ用のウェブページになります)
リポジトリの[Code]タブのページを開きます
「README.md」の右にあるアイコン[Edit file]のアイコンをクリックします
これよりテキストエリアに入力していきます
テキスト情報を入力します (マークダウン形式でOKです)
[Edit]が選択されている状態で入力してください
※ 入力するサンプルファイルが必要な場合は職業指導員に問い合わせてください
※ 入力した内容の表示確認をする場合は[Preview]ボタンをクリックします
[Commit changes]ボタンをクリックします
[Commit changes]
Commit message
「Update READJE.md」が入力されているのでそのままで良いです
変更履歴に残りますので適宜、変更してください
Extended description
変更内容の説明を入力してください
説明が不要な場合は何も入力しなくても良いです
[Commit changes]ボタンをクリックします
編集が完了すると下記画像のような表示になります
[<ユーザー名>.github.io]をクリックすると一覧ページに戻ります
画像(アイコン)ファイルをアップロードします
[+]をクリックします
[Upload files]をクリックします
ファイルをアップロードします
アップロードするファイルをドラッグ&ドロップ または [Choose your files]をクリックしてファイル選択します
アップロードしたファイルが表示されます
説明を入力します
※ 説明が不要な場合は未入力でも良いです
[Commit changes]ボタンをクリックします
ファイルのアップロードが完了し、画面に表示されます
作成が完了したウェブページを確認します
URLは 「https://<ユーザー名>.github.io」 です
HTML(ウェブデザイン)形式のファイルを構築した場合は下記のようになります
URLは 「https://<ユーザー名>.github.io」 です