IT系を技術調査ブログの立ち上げ
新しくサイトを立ち上げました。環境の説明と構築の大まかな手順を書いています。
背景
数年前にIT技術の面白さに目覚めてから、これまで趣味でIT技術の調査しており、調査の過程で遭遇したトラブルとその解決方法について、私が運営する雑記系ブログサイトに記録してきました。
ただ、これまでは断片的な記録しか残せていませんでした。また、サイトの中でもIT系の記事がより読まれることがわかりましたのでこの度、技術専門のブログサイトを立ち上げることにしました。
技術スタック
デプロイ環境
- Netlify → こいつが静的サイトをホスティングしてくれます。
CI環境
- GitHub
- HackMD
ローカル開発環境
- macOS Catalina (10.15.4)
- VSCode
- git
- Hugo
実装手順(概要)
まず、開発環境の準備します。 1. VSCodeをインストール 2. gitをインストール 3. Hugoをインストール → 公式サイトのquickstartを見て進めました。
ここまでできれば、ローカルでサイトの仕上がりを確認できます。（便利ですねぇ。）
- GitHubのアカウント&リポジトリを作成
- git remoteを作成したGitHubリポジトリに設定
- HackMDにアカウント作成しGitHub連携
- Netlifyにアカウント作成しGitHub連携
ここまでできれば、ブログサイトの立ち上げとCI環境の構築が完了です。
- VSCodeやHackMDで記事を作成してコミット&プッシュ
これでブログサイトを育てていけると思います。
まとめ
今回は、静的サイトのホスティングサービスを使ったブログサイトの立ち上げ方とCI環境の構築について概要レベルで記録しました。
具体的な構築方法の詳細は下記のサイトを参考にしました。
