引継ぎ資料, テクノロジー,

プレビュー,コミット,プッシュ

福田 | Apr 24, 2022
プレビュー,コミット,プッシュ

※この記事は執筆途中です.

1. 前提と確認

1.1. 前提

  • Visual Studio Code がインストールされている.

  • Git がインストールされている

  • Ruby がインストールされている.

  • GitHub へ登録している.

  • sshkey を設定してGitHubと通信できる.

  • このサイトのリポジトリを Fork した自分のリモートリポジトリがある.

  • リモートリポジトリを ssh で clone したローカルリポジトリがある.

1.2. 確認

このページでやることは次の通りです.

  • このサイトをローカルでプレビューする.

  • サイトのファイルを一部変更してプッシュする.

2. 記事をローカルで表示してみる

2.1. プレビューに必要な gem をインストール

VSCode で Home_Page というフォルダを開きます.

同じフォルダ内に, Gemfile というファイルがあることを確認してください.

VSCode のターミナルで,

bundle install --full-index

と入力します.

ここで重要なのは,同じフォルダ内に Gemfile があることです.

2.2. jekyll を実行

次に,VSCode のターミナルで,

bundle exec jekyll serve --trace --future --watch

と入力し,http://localhost:4000 に接続します.

セキュリティに関する注意が出たら,allow access を選択してください.

終了する時は,ターミナルで Ctrl + C を入力します.

3. ファイルの編集

authors

Home_Page フォルダ内の, config.yml ファイルを開いてください.

authors の下に,上画像のように6行(名前,name, …​ , twitter)追加します.を

上画像の,赤下線部分 に自分を示す英単語列,青下線部分 に自分の苗字を入力してください.

この単語列は,記事を書く際に,著者を表す定数となります.

4. コミット

以上のようにファイルを編集すると, VSCode のサイドバーに,

git icon

のようなアイコンが現れます.

ファイルを保存して,ファイル名の右側にある + ボタンを押します.

次にメッセージ欄に authorを追加 などと記入し,

右上のチェックボタンをクリックします.

以上で,コミット(gitへの記録)が完了しました.

以上の操作が実際に何をしているかを意識する必要はありませんが,

気になる人は次の記事を参考にするとよいです.

5. プッシュ

ターミナルで

git log

と入力し,先ほどのコミットが記録されていることを確認してください.

q を入力して終了します.

次に,ターミナルで

git push

と入力してください.

パスワードを要求されたら,sshkeyで設定したパスワードを入力してください.

6. このページで行ったことの確認

  • Home_Page フォルダ内のconfig.yml ファイルを編集した.

  • コミット(変更を記録すること)を行った.

  • push してリモートリポジトリに変更を反映させた.

6.1. まとめ

  • このサイトをローカルでプレビューした.

  • サイトのファイルを一部変更してプッシュした.

次はリモートリポジトリの変更を,このサイトのリポジトリに反映させるためのプルリクエストを行います.