obsidian社区插件
Obsidian 插件:Frontmatter to HTML Attributes
插件ID:frontmatter-to-html-attributes
frontmatter-to-html-attributes
frontmatter to-html-attributes:让 YAML 前置元数据以 data-* 属性的形式在 HTML 中可用,从而能够基于元数据进行 CSS 样式设置。
Obsidian 插件:Frontmatter to HTML Attributes
插件名片

概述
Frontmatter to HTML Attributes插件总结
- 主要功能:将笔记的YAML前置元数据以
data-*属性形式呈现在HTML中,便于基于元数据进行CSS样式设置。 - 适用场景:适用于需要根据笔记元数据对笔记进行个性化样式设置的场景,如为特定标签的笔记添加特定图标、为有特定属性的笔记标题设置样式等。
- 核心特色:能把YAML前置元数据转化为HTML的
data-*属性,方便利用CSS属性选择器对笔记进行样式定制,支持多种数据类型,列表和对象会转为JSON,其他转为简单字符串。 - 使用建议:在YAML前置元数据中定义
<foo>项后,笔记的HTML容器div.workspace-leaf-content会添加data-<foo>属性。可根据这些属性创建CSS片段,使用属性选择器来匹配元数据项和值,匹配标签时用*=并加引号。
Help这篇插件文章还没有人贡献,欢迎占坑!
如果您有好的想法欢迎提交PR或者文末留言。
讨论
若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。
反馈交流
其他渠道
版权声明
版权声明:所有 PKMer 文章如果需要转载,请附上原文出处链接。