Netlify + Hugo + Elasticsearchで静的サイトの全文検索を行う

静的サイトにおけるサイト内全文検索の実装例をご紹介します。個人ブログにおける趣味の範囲内です。また、個人ブログのため、料金を抑える(できれば無償で利用する)方針で検討します。 WordPressなどのCMSは標準で検索機能を有しています。しかし、静的サイトではビルド時にすべてのページが生成されます。そ...

Blog Netlify Hugo Elasticsearch

Netlify CMS + Netlify DNS + Hugo + AWS SESで独自ドメインのメール送受信環境を構築

Go 言語製の静的サイトジェネレータ Hugo で Netlify に構築したホストで、独自ドメインメールによる安価な送受信環境を整備する方法をご紹介します。 ドメインは「お名前.com」等のレジストラで既に取得済み、DNS サービスは「Netlify DNS」を使用することを前提とします。ただし、「Netlify DNS」は記事執筆時...

Blog Netlify Hugo AWS

Netlify FunctionsをDockerで実行する

以前、Netlify Functions をローカル環境でエミュレートする方法、Netlify にデプロイする方法をご紹介しました。今回は、ローカル環境で開発した Netlify Fucntions をコンテナ技術の理解を深めるために Docker で実行してみます。前回作成したアプリケーションをもとに話を進めますので、まだの方はそちらを一読されてから読み進めることを...

Mac Docker Netlify

Hugoで記事のアイキャッチ画像を自動的に取得する

Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。 Hugo Static Site Generator v0.52/extended darwin/amd64 BuildDate: unknown たとえば、WordPress にはアイキャッチ画像という概念があります。Hugo...

Blog Hugo Netlify

Netlify CMS(Hugo)のテーマをGitの使い方を覚えながらカスタマイズしてデプロイしてみよう

Netlify CMS(Hugo)で Markdown で記述可能な無料ブログを構築する(構築編)で、Netlify 上に静的サイトを構築する方法をご紹介しました。今回は、Hugo(Go 言語の静的サイトジェネレーター)のスターターキットで構築したテーマをカスタマイズして、GitHub 上のソースコードの修正、Netlify による自動デ...

Blog CMS GItHub Hugo