my opinion is my own

Google カスタム検索エンジンでHugoのサイト内検索を行う

前提条件

image-20210626223508573

config.tomlの編集

メニューバーに追加したいので、下記を追加する

[[Menus.main]]
  Name = "search"
  URL = "/search/"

content/search配下にindex.htmlを追加

---
title: "Search"
---

<form action="https://cse.google.com/cse">
  <div class="searchBox">
    <input type="hidden" name="cx" value="1ef1df26a465b967e" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="search" name="q" placeholder="Googleカスタム検索" size="30" autocomplete="off" />
    <input type="submit" value="検索" />
  </div>
</form>

結果

メニューバー、及び検索ボックスが準備できた

image-20210626223725020

このようなURL形式になるのでコマンドラインランチャー等から検索できるのも良い

https://cse.google.com/cse?cx=<検索エンジンID>=UTF-8&q=<検索文字列>
---

関連しているかもしれない記事


#Hugo