This is an unofficial, community-made directory. Not affiliated with Obsidian or Dynalist Inc.
Actively maintainedDeveloperintermediate

Frontmatter to HTML Attributes for Obsidian

Makes YAML frontmatter available as data-* attributes in HTML, enabling metadata-based CSS styling.

Chinese summary

将YAML前置元数据转换为HTML的data-*属性,从而实现基于元数据的CSS样式控制。

Key Use Cases

  • Conditional styling based on tags
  • Changing note appearance by date or status
  • Highlighting notes with specific frontmatter fields

Pros

  • Simple to use
  • Leverages existing CSS knowledge
  • No coding required beyond CSS

Limitations

  • Only works in rendered HTML views
  • May not be compatible with some custom themes or plugins

Tags

frontmatterhtmlcssmetadatastyling

Related Plugins

ActiveDeveloper
2.5M downloads

Git

Git plugin automatically backs up your Obsidian vault to a Git repository on a schedule. It's the go-to backup and version control solution for technical users who want full history of their notes.

ActiveDeveloper
2.3M downloads

Style Settings

Allows users to adjust CSS variables of themes, plugins, and custom snippets directly from an intuitive settings panel.

ActiveDeveloper
724K downloads

BRAT

Easily install a beta version of a plugin for testing within Obsidian.