脱公務員電子回路設計エンジニア

Hugoで作成したサイトのデプロイについて

デプロイする

無理なく、安くサイト運営をしていきたいと思っているので、なるべくお金をかけない方法をご紹介。
 私は、いろいろ試した結果、Netlifyにデプロイすることが簡単できるという結論に至りました(この結論に到達するのにもかなり時間が掛った。)  始めは、Git Hub?みたいなところから入ってGit Hub Pagesやら、もう始めはちんぷんかんぷんで、Hugo自体を理解するのにも苦労している状況なのに、そこにさらになんだよGitHubってという感じて、踏んだり蹴ったりってこういうことかと半分愚痴りながら作業しました。私でも出来ましたので、きっと諦めなければ出来ます。
 私のお勧めは、結局のところGitなんて使わないで、Netlyfyに単にドラッグしてデプロイするのが、初心者には一番シンプルで簡単だと思いました。
他のサイトの方々は、皆さん頭良すぎて、HugoやらNetlyfyやらGitやらを巧みに使用して、git pushで~とかご説明されているのですが、私にはこれがさっぱりわかっらず、またなんだかうまくいかず諦めました。

ドラッグでデプロイする方法

わしには、リポジトリの管理やら、バージョン管理なんてものはよく分からなリません。したがってバージョン管理がしたい方は、他のやり化と参考にしてください。
1.まずは、Gitアカウントを作成する。
→これはさすがに多分皆さんできると思います。(うる覚えなので大体概要記しておきます。) 2.Netlifyと策j制したGitアカウントを連携させる。
→多分これも私が出来田くらいだからできると思う。他のサイトの方が説明している方法で指示通りやればうまくいくはずです。
3.Netlifyのサイトにアクセスして、以下の  画面になるはずですが、 4.画面上部の「Deploy」をクリックして 5.4の図は何度かデプロイした画面なので、下の方へスクロールしていくと、
次のような画面になるので この画面中央に出ている「Need to update your site?Drag and drop your site output folder here」
 なんということでしょう!サイトを更新する必要がありますか? 「ここにサイトの出力フォルダーをドラッグ アンド ドロップします」ってかいてあります。 6.Hugoである程度サイトが出来たら、
 hugo -D
 とターミナル入力して実行すると、「Public」というフォルダが出来ますので、これを単に先ほどのNetlyfyのドラッグしてのところにドラッグすれば終わります。

サイトのパフォーマンス測定

現在、詳細は調査中ですが、Google Choromeには、Lighthouse機能?というものがあり、パフォーマンス測定ができるようです。