ChatGPTとHugoでゼロからブログ構築するステップ完全公開
📝 はじめに
こんにちは。派遣社員まなみ🔰です。
前回は「WordPressはもう古い？Hugoのメリット・デメリット」についてお話ししました。
今回は、私が実際にChatGPTとHugoを使ってゼロから副業ブログを作り上げたステップを完全公開します。
🛠️ 準備するもの
最初に必要なものは、これだけです。
✅ パソコン（MacでもWindowsでもOK）
✅ ChatGPT（無料プランでもOK）
✅ Hugo（無料でダウンロード）
✅ GitHubアカウント（無料）
✅ Cloudflare Pages（無料）
「えっ、こんなにいるの⁉」と思うかもしれませんが、パソコンは3～5万円くらいのノートでOK。他は全部無料です。コピペで動くので安心してくださいね。
🔧 ステップ1：Hugoのインストール
- Hugoの公式サイトからHugoをダウンロード（検索するとすぐ出てきます）
- ダウンロードしたらインストーラを実行
- ターミナル（またはコマンドプロンプト）を開いて「hugo version」と打って、バージョンが表示されればOK！
🤖 ステップ2：ChatGPTにテンプレートを作ってもらう
公式サイトにもステキなテーマがたくさん用意されていますが、私は（初心者なのに）こだわりたかったので、テンプレートはChatGPTに頼りました。
以下のように指示するだけでOKです。
「Hugoで使うブログのテンプレートを作ってください」
出てきたコードをコピペして、「themes」フォルダに入れるだけで完成です。
🗂️ ステップ3：記事データを用意する
私はExcelで記事データを管理しています。
記事データのMarkdownファイルは、ChatGPTやPythonで自動生成。
詳しい手順は別記事で解説します。
🌐 ステップ4：GitHubとCloudflare Pagesで公開
- GitHubで新しいリポジトリ（ブログ置き場）を作成
- ローカル（自分のパソコン）でHugoサイトをGit管理
- GitHubにプッシュ（アップロード）
- Cloudflare PagesでGitHubと連携して公開
ここもChatGPTに「GitHubとCloudflare PagesでHugoを公開する手順を教えて」と聞けば全部教えてくれます。簡単に言うと、自分のパソコンに作ったアフィリエイトブログを、そのままの構成で世界中に公開する仕組みです。
WordPressは1記事ずつ下書きして確認して公開して…動作も遅いし大変。
でもこの仕組みなら、実際のブログ全体を手元で確認したら丸ごとアップして終わり。
しかも、公開した履歴は全部残ります。
もし間違えてもボタン1つで前の状態に戻せるんです。
絶対こっちのほうが初心者向きですよね。
📝 まとめ
ChatGPTとHugoを使えば、準備から公開までぜんぶ無料＆コピペだけで進められます。
次はいよいよ、実際にインターネット上にブログを公開する手順をご紹介します👇
👉 Git初心者でも大丈夫。HugoサイトをCloudflare Pagesで公開する手順
🚀 さらに詳しく知りたい方へ
「AI×コピペだけで副業ブログって実際どうやって作ったの？」と気になる方のために、初心者の私が14日間でブログを作った実践記を専門用語なしでまとめたnoteを公開しています。
「やってみたいけど難しそう…」と迷っている方は、ぜひ読んでみてくださいね！