WordPressからHugoへ！GitHubとCloudflare Pagesで無料ブログを公開する手順

Thu, 02 Jul 2026 00:00:00 +0000

いよいよGithubに自身の成果物をあげてCloudflareで表示させようと思います。まずはGithubのアカウント作成ですね。私は以前作成したので省きますが、もしアカウントを持っていなければアカウントの作成からしましょう。そこまで難しくはないと思います。

アカウントの作成が完了したらVScodeからGithubにアクセスしてログインします。この辺りで入れておくとよいVScodeの拡張機能があります。以前日本語の設定やCodexの導入をしましたが、同様にいくつかの拡張機能を入れておくと後で見やすくなると思います。個人的には以下ですね。

この辺りがあれば今後vscodeで記事を書く際でも管理が楽になります。もし今後他の開発をするのであればまだ入れるものもありますが。

まずは.gitignoreというファイルを作成していきます。ここにはリポジトリにコミットする必要がないファイルを記載していきます。例えばこんな感じ。

最低限publicだけ書いていれば問題ありません。もし他に不必要なファイルがあればそれも併せて書いておくと良いと思います。私の場合はvscodeやcodexなどですね。

というわけでまずはローカルでリポジトリの作成をしていきます。左側にあるタブからリポジトリを初期化するをクリックします。

最初のコミットメッセージは大体first commitだったりします。メッセージ自体は何でも大丈夫です。ただ、その前にpublicフォルダーが対象になってないか？だけは確認しておきましょう。不要なうえに大量のファイルがあるので制限に引っかかりやすくなります。

その後はローカルでコミットを行います。チェックマークを押してコミットをするか"・・・“からコミットがるのでそこからコミットしていきます。普通のコミット以外にもいろいろありますが一旦無視で大丈夫です。

コミットが終わったらブランチの発行をしていきます。サインインの許可を求められるので許可しましょう。以下のように変更の欄に何もない状態になったらコミット完了です。Branchの発行をクリックします。

特に問題なければアクセス許可を進めていきましょう。

次にprivateかpublicかを確認されます。他の人に見せたくなければPrivate、成果物としてたくさんの人に見せたいものがあればPublicにします。もちろんPrivateにして招待制にしても問題ありません。私は特に気にしないのでPublicにしておきます。

Githubにアクセスして以下のような表示が出ればリモートリポジトリにPushされています。Gitはリモートとローカルの2つの概念があるのでややこしいですが、リモートの方に反映されていれば順調に進んでいることになります。

というわけで最後にCloudflareに接続していきます。まずはログインをしましょう。どのみちアカウント連携を行うので事前に接続しておくと良いと思います。

以下の画面が表示されたらWorkers&Pagesを選択して、Create applicationを選択します。

ここでは下の方にあるLooking to deploy pages? Get startedを選択します。

ここではすでにリモートへpush済みなので上の方を選択します。後はアカウントとリポジトリの設定をします。

その後はプロジェクトの設定ですね。FrameworkをHugoに設定して環境の設定をローカルと合わせます。これはpowershellを開いて"hugo version"を入力した時に出るものですね。

デプロイをしてこの画面が出れば完成です。URLから飛ぶと実際に表示されることがわかりました。

ただ、記事のタイトルで使用している画像が表示されず記事ページはWordpressのままになっています。

GitHubに今更創作物を登録してみました

Wed, 20 Dec 2023 00:00:00 +0000

転職をする際、エンジニアの場合自身で何か作ったものがあれば提出することがあると思います。また、転職サイトによってはGitを登録することもあると思います。

私は仕事に必要な時にその場で覚えるタイプなのですが、たまに興味があるものがあってそれを作ってみたいということがちょくちょくありました。ただ、最後まで作りきったことは少ないのですが…

こちらから見ることはできると思います。publicなので誰でも見れます。仕事では基本privateですが、特に利益に繋がったり特別な制作物でなければpublicでもいい気がします。何が利益に繋がるかはわかりませんが…

ところで、人のGitHubを見たことがほとんどないのですが、一般的にはどのようなものをGitにあげてるんでしょうか？何か面白いものや変わった制作物が上がってたりするんでしょうか？

以前会社で作ったものをGitに上げて転職に使ってた事件がありましたが、会社の制作物はいくら自身が作ったとはいえ問題ですね。私もそうならないよう気を付けつつ、何かしら作り続けたいなとは思います。頑張って最後まで作るよう努力します…