Web開発

Hugoのショートコードを理解する(入門)

1.目的 Hugoにはショートコードという機能があります。ショートコードとは、マークダウンドキュメント内で使用できる関数のようなものであり、ショートコードを作っておくことで複雑なHTMLを簡単に出力することができます。 本ページでは、ショートコ

Hugo+Mainroadのfavicon.icoを設定する

1.目的 Hugo+Mainroadのfavicon.icoを設定して、ブラウザのタブのところにアイコンがでるようにしたいです。 ※)favicon.icoは、ブラウザのタブ左端に表示されるちっちゃい画像のことです 2.環境 hugo v0.120.4 hugo theme: mainroad 3.手順 a)

Hugoのブログタイトル部分の高さ調整したい(CSS)

1.目的 本ブログの下記の高さを短くしたいです。できれば画像を小さくしたいです。 2.環境 Hugo Mainroad Google Chromeブラウザ 3.手順 a)対象となるCSSを探す まずは画像に設定されているスタイルのクラス名を探します。 開発者ツールを起動 Chromeの開発者

Hugo+MainroadでGoogleアナリスティクス(GA4)をセットアップしたい

1.目的 Googleアナリスティクスにこのホームページを登録して、アクセス解析を行う手順を確認したいです。 2.参考 https://developers.google.com/analytics?hl=ja https://maku77.github.io/p/zxk6pat/ https://scribble.washo3.com/hugo-analytics-ga4.html 3.環境 Googleアカウントは既に保有している状態からの手順です。 4.手順 公式にアクセスし「測定を開始」 アカウントの作