Back to templates

Template details

Hugo Theme Coyote

Hugo theme with Fuse.js client-side search and Google Analytics for static blogs and docs

About this template

Hugo Theme Coyote is a Hugo static-site theme that adds a fast, client-side search page and Google Analytics to a blog or documentation site, with a single archetype for creating new posts.

What is Hugo Theme Coyote?

Hugo Theme Coyote is a theme for the Hugo static site generator, designed to turn Markdown content into a static website with a searchable index. It accepts content files as input and outputs a complete static site, including a dedicated search page when configured. The theme is hosted on GitHub under the nightswinger account and includes a live example site at https://nightswinger.github.io/hugo-theme-coyote/.

Key Features

  • Fuse.js search — The theme integrates Fuse.js for client-side fuzzy search. Enable it by adding JSON to your home outputs in config.toml and creating a search.md file with layout: "search".
  • Google Analytics support — Analytics support is built into the theme, so site owners can track visits without installing a separate plugin.
  • Post bundle archetype — Use hugo new --kind post-bundle posts/my-first-post to generate a new post as a Hugo bundle, keeping related resources together.
  • Simple installation — Clone the repository into your themes folder and add theme = "coyote" to your site config; no extra build tools are needed.
  • Demo site — The author provides a live example demonstrating the theme's default layout and search behavior.

Who is it for?

Hugo bloggers who want a clean, minimal theme with built-in search for their posts. Technical writers building documentation sites that need fast offline search for readers. Static site enthusiasts who prefer a Git-based workflow and want a theme installable in minutes.

What can you do with Hugo Theme Coyote?

Publish a blog with search: Create posts using the provided archetype and give readers a search page to find content instantly. Build a documentation hub: Add a search page to let users filter through guides and reference pages. Track your audience: Enable Google Analytics to measure visits without adding extra JavaScript snippets manually.

How does Hugo Theme Coyote work?

Install the theme by cloning its GitHub repository into your themes directory, then add theme = "coyote" to your site configuration. To enable search, add home = ['HTML', 'JSON'] under [outputs] in config.toml, and create a page with layout: "search". New content is created with hugo new --kind post-bundle, which scaffolds a post bundle ready for writing.

screenshot of Hugo Theme Coyote on template0.com