Hugo

CodePenの埋め込みコードを、iframeを利用して表示するショートコードで作成します。 ショートコードの作成 layouts/shortcodes/codepen.htmlを作成して以下を記述します。ユーザー名は任意の名前に書き換えます。 ...

このサイトのAboutページの「エンジニア歴〇〇年」という部分は、Hugoで使えるショートコード（関数）によって自動計算して出力しています。この記事では実際に書いたコードを解説したい思います。 HugoとGo言語 HugoはGo言語（Golang）で構築された静的サイトジェネレーターです。そのため、テンプレート内ではGo言語の標準的なテンプレートエンジンの仕組みを利用して、プログラムに近い処理を記述することができます。 つまり、本格的なカスタマイズにはGo言語の知識が必要です。 ...

Hugoでブログを公開したら、最初に行うべきGA4（Googleアナリティクス）とGoogle Search Consoleの導入手順を解説します。 解析ツールを早期に導入することで、誰がどんな言葉でサイトに訪れたのか把握することができます。 ...