Hugo Narrow supports set sticky header, logo, theme switch, dark mode switch, language switch.

  1. logo placed at ~/static directory, leave empty to use site title first letter.
  2. Language switch mode is supported which is click to switch(cycle) or click to show panel(dropdown).
params.yaml
 1header:
 2  sticky: true
 3  logo:
 4    image: "/images/logo.svg" # Logo path relative to static folder, leave empty to use site title first letter
 5    link: "/" # Click to home page
 6  # UI Components Control (header controls)
 7  showThemeSwitch: true # Set to false to hide theme style switcher (palette icon)
 8  showDarkModeSwitch: true # Set to false to hide dark mode switcher (sun/moon icon)
 9  showLanguageSwitch: true # Set to false to hide language switcher
10  languageSwitchMode: "dropdown" # Language switch mode: "dropdown" (show panel) or "cycle" (direct cycle)
Click to expand and view more

Copyright Notice

Author: Hugo Narrow

Link: https://hugo-narrow-docs.vercel.app/docs/header/

License: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

Start searching

Enter keywords to search articles

↑↓
ESC
⌘K Shortcut