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
Related Plugins
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.
2.3M downloads
Style Settings
Allows users to adjust CSS variables of themes, plugins, and custom snippets directly from an intuitive settings panel.
Get the best Obsidian plugins in your inbox
Monthly picks: top new plugins, hidden gems, and curated plugin stacks for different workflows.