# saicaca/fuwari

**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/saicaca-fuwari).**

4,166 stars · 1,124 forks · Astro · mit

## Links

- GitHub: https://github.com/saicaca/fuwari
- Homepage: https://fuwari.vercel.app
- awesome-repositories: https://awesome-repositories.com/repository/saicaca-fuwari.md

## Topics

`astro` `astro-theme` `blog` `blog-template` `dark-theme` `minimalist` `static` `static-site` `tailwind` `tailwindcss`

## Description

Fuwari is a static site theme and markdown content framework designed for personal blog publishing. It provides a responsive visual template that renders markdown posts with a built-in dark mode and customizable colors.

The project distinguishes itself through a set of markdown extensions that add rich UI elements to articles, including callout blocks, dynamic repository cards that fetch live data via API, and advanced code styling with diff support and line numbering. It also includes a full-text site search mechanism to allow visitors to locate specific information across the blog's content.

The framework covers broader capabilities for content organization through tags and categories, the generation of automatic tables of contents, and the production of standardized RSS feeds for content syndication. A command-line utility is provided to automate the creation of new post files.

## Tags

### Content Management & Publishing

- [Blogging Platforms](https://awesome-repositories.com/f/content-management-publishing/blogging-platforms.md) — Provides a complete framework for publishing personal blogs using markdown files and static site generation.
- [Static Site Generators](https://awesome-repositories.com/f/content-management-publishing/static-site-generators.md) — Compiles markdown files and metadata into a standalone set of static HTML files for fast delivery.
- [Static Site Themes](https://awesome-repositories.com/f/content-management-publishing/blog-post-rendering/static-site-themes.md) — Ships as a responsive visual template for Hugo to render markdown posts with built-in dark mode.
- [Markdown Extensions](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-authoring-tools/markdown-based-content-authoring/markdown-based-content-authoring/markdown-extensions.md) — Implements extended markdown features including callout blocks, dynamic repository cards, and advanced code styling.
- [Markdown Renderers](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/markdown-markup-tools/markdown-tools/markdown-renderers.md) — Transforms custom markdown syntax into complex UI components like callout blocks and repository cards during build.
- [Markdown Site Publishing](https://awesome-repositories.com/f/content-management-publishing/markdown-site-publishing.md) — Transforms collections of markdown files into a structured, navigable web presence using metadata. ([source](https://github.com/saicaca/fuwari/blob/main/docs/README.id.md))
- [Visual UI Extensions](https://awesome-repositories.com/f/content-management-publishing/markdown-to-rich-text-parsers/visual-ui-extensions.md) — Adds rich visual elements like callout blocks, repository cards, and advanced code styling to standard Markdown articles.
- [Static Site Templating](https://awesome-repositories.com/f/content-management-publishing/static-site-templating.md) — Provides a pre-configured visual design for static sites with integrated search and smooth page transitions.
- [Table of Contents](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/table-of-contents.md) — Generates navigational lists of headings for long-form posts to allow quick jumping to specific sections. ([source](https://github.com/saicaca/fuwari/blob/main/docs/README.ja.md))
- [RSS Feed Generation](https://awesome-repositories.com/f/content-management-publishing/rss-feed-generation.md) — Produces standardized XML files from post metadata to enable content syndication via feed readers. ([source](https://cdn.jsdelivr.net/gh/saicaca/fuwari@main/README.md))

### Data & Databases

- [Frontmatter](https://awesome-repositories.com/f/data-databases/data-processing-pipelines/data-serialization/json-schema/metadata-schemas/frontmatter.md) — Uses structured YAML metadata embedded in file headers to organize categories, tags, and publication dates.
- [Metadata-Based Organization](https://awesome-repositories.com/f/data-databases/metadata-based-organization.md) — Categorizes blog posts using tags, categories, and publication dates to structure the site content. ([source](https://github.com/saicaca/fuwari/blob/main/docs/README.vi.md))
- [Full Text Search](https://awesome-repositories.com/f/data-databases/full-text-search.md) — Provides a searchable interface using specialized indexing of page content to locate specific blog posts.

### User Interface & Experience

- [Markdown and Syntax Highlighting](https://awesome-repositories.com/f/user-interface-experience/markdown-and-syntax-highlighting.md) — Supports extended markdown features including embedded videos and advanced syntax-highlighted code blocks. ([source](https://fuwari.vercel.app/))
- [Callouts](https://awesome-repositories.com/f/user-interface-experience/callouts.md) — Implements stylized information blocks such as notes, tips, and warnings to highlight content within posts. ([source](https://fuwari.vercel.app/posts/markdown-extended/))
- [Code Diff Visualizers](https://awesome-repositories.com/f/user-interface-experience/code-diff-visualizers.md) — Provides syntax highlighting for code differences to visually indicate additions and removals. ([source](https://fuwari.vercel.app/posts/expressive-code/))
- [CSS Variable Theming](https://awesome-repositories.com/f/user-interface-experience/css-variable-theming.md) — Implements light and dark modes by updating global CSS variables to change the visual identity.
- [Repository Cards](https://awesome-repositories.com/f/user-interface-experience/data-display-components/content-cards/repository-cards.md) — Embeds dynamic components that fetch and display live repository data from an external API. ([source](https://fuwari.vercel.app/posts/markdown-extended/))
- [Site Theming](https://awesome-repositories.com/f/user-interface-experience/terminal-user-interfaces/visual-styling-presentation/interface-appearance-customization/site-theming.md) — Allows for the customization of site-wide visual styles, colors, and banners to establish a unique brand identity.
- [Theme Customization](https://awesome-repositories.com/f/user-interface-experience/visual-theme-configurations/visual-themes/theme-customization.md) — Includes a system for adjusting the site's visual identity via configurable colors and a light/dark mode toggle. ([source](https://github.com/saicaca/fuwari/blob/main/docs/README.ja.md))

### Part of an Awesome List

- [Content Organization](https://awesome-repositories.com/f/awesome-lists/productivity/blog-management/content-organization.md) — Manages the structural organization of posts through tags, categories, and generated tables of contents.

### Development Tools & Productivity

- [Search Indexers](https://awesome-repositories.com/f/development-tools-productivity/search-indexers.md) — Implements a full-text search mechanism and indexing to allow visitors to locate specific information across the site. ([source](https://cdn.jsdelivr.net/gh/saicaca/fuwari@main/README.md))

### Web Development

- [Code Formatting](https://awesome-repositories.com/f/web-development/code-formatting.md) — Ships themed frames for rendering source code with support for line numbering and custom starting lines. ([source](https://fuwari.vercel.app/posts/expressive-code/))