Hugo + Algolia + Instantsearch.jsで静的サイトに全文検索を導入 - OTTANXYZを見ながらやってみた。
とりあえずローカルでできることを確認してから、GitHub Actionsに組み込もうかと。
で、上記サイトは設定ファイルがYAMLだったのでTOMLで書くところで躓いた。
[outputFormats.Algolia]
baseName = "algolia"
isPlainText = true
mediaType = "application/json"
notAlternative = true
これで動いた。
$ sudo apt install npm
$ npm install -D atomic-algolia
$ touch .env
$ hugo --gc --minify --cleanDestinationDir
:
略
:
| JA
-------------------+------
Pages | 441
Paginator pages | 45
Non-page files | 46
Static files | 4
Processed images | 0
Aliases | 83
Sitemaps | 1
Cleaned | 0
Total in 394 ms
$ npx atomic-algolia
[Algolia] Adding 274 hits to blog
[Algolia] Updating 0 hits to blog
[Algolia] Removing 0 hits from blog
[Algolia] 0 hits unchanged in blog
:
略
:
できたっぽい。
Algoliaのサイトでもインデックスが登録されていることが確認できたので、ここまでの変更をPUSH。
・・・searchページが作成されていない。
うーん、もともと検索非対応のテーマだから仕方ないけど、深堀するの面倒だな。。
content/search/placeholder.md
を置いたらページは作られたけど、検索が機能しない。