skills.rest
GodBlf
GodBlfCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

firefly-navbar-config

Modify Firefly theme navigation links, menu children, and search methods in navBarConfig.ts.

1|Updated Feb 16, 2026
Search Tags:#search#configuration#navigation#links#navbar#firefly
One-click install
npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-navbar-config
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firefly-navbar-config
Source: https://github.com/GodBlf/godblf.github.io/tree/main/.agents/skills/firefly-navbar-config
Command: npx skills add https://github.com/GodBlf/godblf.github.io --skill firefly-navbar-config

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows for the modification of navigation links, menu children, and search configurations within the Firefly static blog theme, ensuring the navigation accurately reflects the site's structure and user needs.

Core Features & Use Cases

  • Navigation Link Management: Add, remove, or reorder navigation links in the header.
  • Menu Customization: Adjust nested menu items (children) for dropdowns.
  • Search Configuration: Modify the search method used by the navbar.
  • Page Toggle Sync: Ensure dynamic menu visibility (e.g., sponsor, guestbook) is synchronized with site configuration.
  • Use Case: You need to add a new "Projects" link to the main navigation and ensure it appears before the "About" link.

Quick Start

Use the firefly-navbar-config skill to add a 'Docs' link to the navigation bar with the URL '/documentation'.

Frequently Asked Questions about firefly-navbar-config

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize the navigation bar links in the Firefly theme?▼

You can customize Firefly navbar links by modifying the navigation configuration entries in `src/config/navBarConfig.ts` to add, remove, or reorder header links according to your site structure.

How do I add a new dropdown menu to the Firefly navbar configuration?▼

To add a dropdown menu, update the menu children items in `src/config/navBarConfig.ts` by defining nested entries under the parent navigation link, allowing structured sub-navigation in the Firefly theme.

How do I change the search method in the Firefly theme navbar?▼

You change the Firefly search method by updating the search configuration parameters within `src/config/navBarConfig.ts`, which controls how the navbar search input operates on your static blog.

Why are my Firefly theme page toggles not showing up in the navigation menu?▼

Dynamic menu visibility requires synchronizing page toggles in `src/config/siteConfig.ts` with the navbar configuration in `src/config/navBarConfig.ts` to ensure pages like guestbook appear correctly.

Can I reorder existing navigation links in the Firefly static blog theme?▼

Yes, you can reorder navigation links by adjusting the sequence of entries in `src/config/navBarConfig.ts`, which directly controls the display order of menu items in the Firefly theme header.

Related Skills

Explore More Software Engineering Skills→
GodBlfGodBlf
1

firefly-sponsor-config

Modify sponsor configurations in Firefly theme TypeScript files.

Community
Intermediate
hidonguyenhidonguyen

ck:deploy

Detect hosting platforms from config files and deploy projects automatically.

Community
Advanced
GodBlfGodBlf
1

firefly-site-config

Modify site identity, SEO, theme colors, and page toggles in siteConfig.ts.

Community
Basic
GodBlfGodBlf
1

firefly-pio-config

Modify Firefly mascot configuration for models, interactions, and mobile visibility.

Community
Basic