Githubに保存したHTMLテンプレートを開発ごとにcloneして複製利用したい

やりたいこと

ウェブサイトを制作するとき、毎回ファイルを一から準備するのは面倒です。

そこで、githubにHTMLテンプレートのリポジトリを作っておき、プロジェクトのごとにgit cloneして新しいリモートリポジトリに複製利用できたら便利だなと思ったのでメモします。

なお、エディタはVSCodeを使用しています。

手順

大まかな流れです。

1. HTMLテンプレートリポジトリを準備
2. git cloneでローカルにコピー
3. Githubに新規プロジェクトリポジトリを作り、URLをコピー
4. git remote set-url originでローカルにコピーしたリポジトリのremote URLを変更
5. 新規プロジェクトリポジトリにpush

↓↓↓

githubにHTMLテンプレートリポジトリを準備し、今後これを使いまわすこととします。

中身はこんな感じでVSCode用にGulpでタスクを組んでいます。

ターミナルでHTMLテンプレートをgit cloneします。

$ git clone <remote URL>

githubで新規プロジェクトのリモートリポジトリを作り、リモートURLをコピーします。

ローカルリポジトリのリモートURLを変更します。

$ git remote set-url origin <new remote URL>

以下のコマンドでリモートリポジトリの名前とURLが変わっているのが確認できれば成功です。

$ git remote -v

pushして新しいリモートリポジトリを更新しましょう。

$ git push -u origin main