Xin 62196dd666 feat(tabs): add icon support for tabs (#926)
* feat(tabs): add icon support for tabs

- Introduced an `icon` property for tabs to display icons alongside tab labels.
- Updated the tabs shortcode and HTML partials to accommodate the new icon feature.
- Enhanced documentation for tabs to include examples of using icons in tab definitions.

* chore: rebuild css

* doc(tabs): add icon support in tab documentation for multiple languages

- Enhanced documentation for tabs to include examples of using the `icon` parameter in Persian, Japanese, and Simplified Chinese.
- Updated the tab shortcode examples to demonstrate how to display icons alongside tab labels.

* chore: regenerate compiled css

* fix(a11y): add aria-hidden to decorative tab icons

Add aria-hidden="true" to tab icon SVGs so screen readers skip
decorative icons and only announce the tab name. Update @example
docblock in tab.html to demonstrate the icon parameter.

* doc(tabs): improve icon section with better examples and icon page link

Rename "Tabs With Icons" heading to "Add Icons" for consistency with
other action-oriented section titles. Replace JSON/YAML/TOML icon
example with Photos/Music/Videos using photograph, music-note, and
film icons that naturally match their labels. Add link to the Icon
shortcode page so users can discover available icon names.
2026-02-14 21:23:25 +00:00
2023-09-10 12:07:04 +01:00
2023-08-16 20:38:01 +01:00
2023-07-19 22:03:58 +01:00

Hextra

English | 简体中文 فارسی

Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.

Demo → imfing.github.io/hextra

Hextra
GitHub Actions Status Netlify Status

Features

  • Beautiful Design - Inspired by Nextra, Hextra utilizes Tailwind CSS to offer a modern design that makes your site look outstanding.
  • Responsive Layout and Dark Mode - It looks great on all devices, from mobile to desktop. Dark mode is also supported to accommodate various lighting conditions.
  • Fast and Lightweight - Powered by Hugo, a lightning-fast static-site generator housed in a single binary file, Hextra keeps its footprint minimal. No JavaScript or Node.js are needed to use it.
  • Full-text Search - Built-in offline full-text search powered by FlexSearch, no extra configuration required.
  • Battery-included - Markdown, syntax highlighting, LaTeX math formulae, diagrams and Shortcodes elements to enhance your content. Table of contents, breadcrumbs, pagination, sidebar navigation and more are all automatically generated.
  • Multi-language and SEO Ready - Multi-language sites made easy with Hugo's multilingual mode. Out-of-the-box support is included for SEO tags, Open Graph, and Twitter Cards.

Quick Start

Use the template

Using the Hextra Starter Template is the simplest method to bootstrap a new website with Hextra theme. Get started by clicking the "Use this template" button on the template repository page.

The template repository also includes a GitHub Actions workflow for deploying your website to GitHub Pages.

Hextra Starter Template

Usage

Refer to the documentation for more information.

Contributing

Contributions are welcome. Check out the contributing guide to get started.

License

MIT License

Description
Modificaciones al tema Hextra de Hugo https://github.com/imfing/hextra
Readme MIT 6.5 MiB
Languages
HTML 65.7%
JavaScript 20.6%
CSS 11.5%
TypeScript 1.6%
Shell 0.6%