Help us improve
Share bugs, ideas, or general feedback.
From hugo
This skill should be used when the user asks about "hugo shortcode", "blowfish config", "hugo template", "blowfish theme", "hugo frontmatter", "blowfish layout", "configure blowfish", "hugo taxonomy", "blowfish dark mode", "mermaid in hugo", or needs guidance on Hugo/Blowfish configuration and features.
npx claudepluginhub rhuss/cc-hugo --plugin hugoHow this skill is triggered — by the user, by Claude, or both
Slash command
/hugo:knowledgeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Knowledge reference skill for Hugo and Blowfish theme configuration.
Guides Next.js Cache Components and Partial Prerendering (PPR): 'use cache' directives, cacheLife(), cacheTag(), revalidateTag() for caching, invalidation, static/dynamic optimization. Auto-activates on cacheComponents: true.
Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.
Compacts the current conversation into a handoff document for another agent to continue the work, with suggested skills and redacted sensitive info.
Share bugs, ideas, or general feedback.
Knowledge reference skill for Hugo and Blowfish theme configuration.
| Shortcode | Usage | Purpose |
|---|---|---|
alert | {{</* alert "info" */>}}text{{</* /alert */>}} | Admonition boxes (info, warning, danger, tip) |
badge | {{</* badge */>}}text{{</* /badge */>}} | Inline badges |
button | {{</* button href="url" */>}}text{{</* /button */>}} | Call-to-action buttons |
figure | {{</* figure src="img.jpg" alt="desc" */>}} | Enhanced image with caption |
gallery | {{</* gallery */>}} | Image gallery |
icon | {{</* icon "github" */>}} | Inline icons |
katex | {{</* katex */>}} | LaTeX math rendering |
lead | {{</* lead */>}}text{{</* /lead */>}} | Lead paragraph styling |
mermaid | Fenced code block with mermaid language | Diagrams (auto-rendered) |
timeline | {{</* timeline */>}} | Timeline display |
typeit | {{</* typeit */>}} | Typewriter animation |
colorScheme: "ocean" # or: blowfish, avocado, fire, congo, slate, etc.
defaultAppearance: "light" # or "dark"
autoSwitchAppearance: true # Follow system preference
article:
showReadingTime: true
showWordCount: true
showDate: true
showAuthor: true
showBreadcrumbs: true
showTableOfContents: true
showRelatedContent: true
homepage:
layout: "profile" # or: page, hero, card, background
showRecent: true
recentLimit: 5
footer:
showCopyright: true
showThemeAttribution: false
list:
showBreadcrumbs: true
showTableOfContents: false
groupByYear: true
Mermaid works in Blowfish by default. Use fenced code blocks:
```mermaid
graph LR
A[Start] --> B[Process]
B --> C[End]
```
No additional configuration needed. Blowfish loads Mermaid.js on demand.
Blowfish supports automatic dark/light mode switching. Configure in params.yaml:
defaultAppearance: "light"
autoSwitchAppearance: true
Users can toggle manually via the theme switcher in the navigation.
Hugo taxonomies for blog organization:
# config.yaml
taxonomies:
tag: tags
category: categories
series: series
Series support enables multi-part post grouping.
Blowfish supports layout extension without modifying the theme:
layouts/partials/extend-head.html: Add to <head> (analytics, fonts)layouts/partials/extend-footer.html: Add before </body>layouts/partials/extend-article-link.html: Customize article list items---
title: "Post Title"
date: 2026-04-03
draft: false
description: "SEO description"
tags: ["kubernetes", "docker"]
categories: ["tutorials"]
series: ["Container Deep Dive"]
slug: "custom-slug"
showReadingTime: true
showWordCount: true
showTableOfContents: true
showRelatedContent: true
license: "CC BY 4.0"
---
In layouts/partials/extend-head.html:
<script defer data-domain="<your-domain>" src="<plausible-url>/js/script.js"></script>
In params.yaml:
comments:
provider: giscus
giscus:
repo: "user/repo"
repoId: "..."
category: "Announcements"
categoryId: "..."
mapping: "pathname"
theme: "preferred_color_scheme"