My Hugo Journey


Hugo Search

After trying them all I decided to use…

Google Custom Search

Many Hugo users employ Google Custom Search. But it contains ads (in the free edition).

<div class="search_bar"> <form> <input type="search" placeholder ="Search..." value="" name="q" title="Search for:"> <input type="hidden" name="sitesearch" value=""> </form> </div> <div> <script async src=""></script> <div class="gcse-searchresults-only"></div> </div>

.search_bar{ overflow: hidden; background-color: #fff; margin:0px 0px 0px 12px;width:320px;}

/* Style the search box inside the navigation bar */ .search_bar input[type=search] { padding: 4px; border: 1px dotted black; font-size:22px; width:320px;}