# fluid-dev/hexo-theme-fluid

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/fluid-dev-hexo-theme-fluid).**

8,161 stars · 1,151 forks · JavaScript · GPL-3.0

## Links

- GitHub: https://github.com/fluid-dev/hexo-theme-fluid
- Homepage: https://hexo.fluid-dev.com/
- awesome-repositories: https://awesome-repositories.com/repository/fluid-dev-hexo-theme-fluid.md

## Topics

`article` `blog` `fluid` `hexo` `hexo-theme` `material` `material-design` `static-site` `theme`

## Description

:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo

## Tags

### User Interface & Experience

- [Material Design Systems](https://awesome-repositories.com/f/user-interface-experience/design-token-theming/material-design-systems.md) — Applies Material Design visual language through configurable color schemes, typography, and card-based layouts.
- [Blog Themes](https://awesome-repositories.com/f/user-interface-experience/design-token-theming/material-design-systems/blog-themes.md) — Provides a Material Design-inspired blog theme supporting articles, code, math, and diagrams.
- [Blog Interface Customization](https://awesome-repositories.com/f/user-interface-experience/blog-interface-customization.md) — Configures the visual structure and content arrangement of a personal blog for a clean reading experience. ([source](https://hexo.fluid-dev.com/docs/guide/))
- [Configuration-Driven Layouts](https://awesome-repositories.com/f/user-interface-experience/configuration-driven-layouts.md) — Controls page structure, sidebar, and footer arrangement entirely through theme configuration files.
- [Dark Mode Toggles](https://awesome-repositories.com/f/user-interface-experience/dark-mode-toggles.md) — Switches between light and dark color schemes based on user preference or a scheduled time.
- [Site-Specific Layouts](https://awesome-repositories.com/f/user-interface-experience/interface-layout-customization/site-specific-layouts.md) — Arranges global page structure, sidebar, and footer elements through theme configuration. ([source](https://hexo.fluid-dev.com/))
- [Static Site Search Indices](https://awesome-repositories.com/f/user-interface-experience/local-search-integrations/static-site-search-indices.md) — Indexes all published articles and provides a client-side search box for visitors.
- [Language Configuration Settings](https://awesome-repositories.com/f/user-interface-experience/language-configuration-settings.md) — Changes the entire site's interface text between multiple configured languages. ([source](https://cdn.jsdelivr.net/gh/fluid-dev/hexo-theme-fluid@master/README.md))
- [Syntax Highlighting](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/code-presentation-utilities/code-line-highlighting/syntax-highlighting.md) — Applies color-coded syntax highlighting to code blocks in blog posts using built-in color schemes.

### Content Management & Publishing

- [Blog Post Rendering](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering.md) — Displays a single article with full content, metadata, and navigation for readers to consume. ([source](https://hexo.fluid-dev.com/))
- [Static Site Themes](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/static-site-themes.md) — Transforms Markdown content into a fully styled, navigable website for a static site generator.
- [Hexo Themes](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/static-site-themes/hexo-themes.md) — Provides an elegant Material-Design theme for the Hexo static site generator.
- [Plugin Integrations](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/static-site-themes/hexo-themes/plugin-integrations.md) — Extends Hexo's plugin system to add LaTeX math, Mermaid diagrams, and code highlighting features.
- [Static Site Search Indices](https://awesome-repositories.com/f/content-management-publishing/static-site-generators/client-side-search-indices/static-site-search-indices.md) — Indexes all published articles and provides a client-side search box for visitors.
- [Comment System Integrations](https://awesome-repositories.com/f/content-management-publishing/comment-system-integrations.md) — Embeds third-party comment plugins into blog posts so readers can leave feedback.

### Data & Databases

- [Static Site Search Indices](https://awesome-repositories.com/f/data-databases/search-indexing-technologies/search-indexing/search-and-indexing/static-site-search-indices.md) — Indexes all published articles and provides a client-side search box for visitors. ([source](https://cdn.jsdelivr.net/gh/fluid-dev/hexo-theme-fluid@master/README.md))
- [Client-Side Search Indexes](https://awesome-repositories.com/f/data-databases/search-indexing-technologies/search-indexing/search-and-indexing/local-resource-indexing/client-side-search-indexes.md) — Generates a searchable index of all published articles for client-side searching without external services.

### Development Tools & Productivity

- [Mermaid Diagram Renderers](https://awesome-repositories.com/f/development-tools-productivity/markdown-documentation-systems/diagram-integrations/mermaid-diagram-renderers.md) — Generates flowcharts and diagrams from Mermaid syntax embedded in Markdown articles.

### Scientific & Mathematical Computing

- [LaTeX Math Rendering](https://awesome-repositories.com/f/scientific-mathematical-computing/numerical-mathematical-foundations/mathematical-typesetting-engines/mathematical-typesetting/latex-math-rendering.md) — Renders mathematical formulas written in LaTeX notation within article content.

### Web Development

- [Multi-Language Interfaces](https://awesome-repositories.com/f/web-development/global-site-configuration/multi-language-interfaces.md) — Switches the entire site's interface text between multiple configured languages via translation files.
- [Multi-Language Interfaces](https://awesome-repositories.com/f/web-development/multi-language-interfaces.md) — Switches the entire site's interface text between multiple configured languages via translation files.