@quartz-community/note-properties

Parses frontmatter properties and renders them as a visible properties view on the page, similar to Obsidian's properties panel.

Installation

npx quartz plugin add github:quartz-community/note-properties

Usage

This plugin serves as both a transformer (parsing frontmatter) and a component (displaying the properties view).

plugins:
  # Transformer (parses frontmatter)
  - source: github:quartz-community/note-properties
    enabled: true
    options:
      includeAll: false
      includedProperties:
        - description
        - tags
        - aliases
      excludedProperties: []
      hidePropertiesView: false
      delimiters: "---"
      language: yaml

  # Component (displays properties in the page layout)
  - source: github:quartz-community/note-properties
    enabled: true
    layout:
      position: beforeBody
      priority: 15

For advanced use cases, you can override in TypeScript:

import * as ExternalPlugin from "./.quartz/plugins";

ExternalPlugin.NoteProperties({
  includeAll: false,
  includedProperties: ["description", "tags", "aliases"],
  excludedProperties: [],
  hidePropertiesView: false,
  delimiters: "---",
  language: "yaml",
});

Configuration

Option	Type	Default	Description
includeAll	boolean	false	Whether to include all frontmatter properties.
includedProperties	string[]	["description", "tags", "aliases"]	Properties to include when includeAll is false.
excludedProperties	string[]	[]	Properties to exclude when includeAll is true.
hidePropertiesView	boolean	false	Whether to hide the rendered properties view on the page.
delimiters	string	"---"	The frontmatter delimiter style.
language	string	"yaml"	The frontmatter language ("yaml" or "toml").

Documentation

See the Quartz documentation for more information.

License

MIT