Hugo + Algolia + Instantsearch.jsで静的サイトに全文検索を導入
Hugo + Algolia + Instantsearch.jsで、静的サイトに全文検索を導入するまでの一部始終をまとめてみました。メニューバー右側のテキストボックスに検索キーワードを入力して、Enterキーを押します。検索したキーワード
gt
Netlify Functions + Hugoで簡単サイト内検索
静的サイトの悩みの種、サイト内検索をNetlify Functions＋Hugoで実装してみました。ポイントは、以下の通りです。有名どころでは、 Lunr: A bit like Solr, but much smaller and not
CSSフレームワーク「Bulma」の「columns」クラスに関する挙動について
CSSフレームワークの「 Bulma: Free, open source, and modern CSS framework based on Flexbox 」の columns クラスの挙動がおかしい、というお話です。Columns
Netlify CMSのプレビューでHightlight.js + KaTeX（LaTeX）をサポートする
HugoのMarkdownで数式組版ライブラリであるKaTeXをサポートする で、Hugoに(KaTeX)を組み込みました。(KaTeX)は、MathJaxより高速にレンダリングできる、ブラウザで動作する数式組版ライブラリです。今回
HugoのMarkdownで数式組版ライブラリであるKaTeXをサポートする
Hugoで、(KaTeX)というブラウザで数式を表現するためのライブラリをサポートする方法です。Hugo 0.70.0（Extended）で正常に表示されることを確認していますが、今後のバージョンアップ等により、以下の方法がサポートされ
Hugoのテンプレート構文「template」「partial」「block」「define」のわかりやすい解説
Hugo のオリジナルテーマ作成を勝手に応援する企画、記念すべき第 1 弾はテンプレート構文の基本となる「template」「partial」「block」「define」の違いについてです。以下のバージョンで確認しています。Hugo には
Hugoで記事のアイキャッチ画像を自動的に取得する
Hugo には、記事執筆時点において、WordPress のような便利なプラグインはありません。しかし、Shortcode やテンプレートの構文を工夫することで、WordPress と同等のプラグイン機能を実現できます。たとえば、WordP
Docker ComposeでWordPress環境をもっと楽に管理しよう！
Docker For Mac を使用すると、あらかじめ用意されたイメージ（テンプレート）を使用して、簡単にWordPress環境を構築できます。ローカルの開発環境の場合、インターネット接続環境であれば、ものの数分でWordPress環境を作
システム環境設定をターミナル（defaultsコマンド）から設定する方法（Mission Control）
システム環境設定をターミナル（defaultsコマンド）から設定する方法（一般） に引き続き、 defaults コマンドシリーズです。今回は、「Mission Control」編です。ニッチな機能、追求するのがムダな機能は割愛しています。
WordPressの本文にAmazonのURLを貼り付けるだけで、アフィリエイトリンクを生成できるようにする
先日、 WordPress の本文に App Store の URL を貼り付けるだけで、アフィリエイトリンクを生成できるようにする で、App Store の URL を WordPress の本文に貼り付けるだけで、アフィリエイトリンク
WordPressのショートコード入門
WordPressのショートコードとは、いわゆる「ショートカット」のように機能します。たとえば、代表的なショートコードとして [gallery] がありますが、これは記事中に [gallery] と記述することで、簡単にイメージファ
MarsEditのプレビュー画面で、「highlight.js」のシンタックスハイライトをリアルタイムでプレビューする
MarsEdit は、macOS で動作する WordPress や MovableType などの主要な CMS に対応しているエディターで、とくにリアルタイムプレビューや AppleScript との連携は非常に便利です。弊サイトでも、