| | |
|---|
| | | } |
|---|
| | | ``` |
|---|
| | | |
|---|
| | | - [[making plugins#Transformers|Transformers]] **map** over content, taking a Markdown file and outputting modified content or adding metadata to the file itself (e.g. parsing frontmatter, generating a description) |
|---|
| | | - [[making plugins#Filters|Filters]] **filter** content, taking the output of all the transformers and determining what files to actually keep and what to discord (e.g. filtering out drafts) |
|---|
| | | - [[making plugins#Emitters|Emitters]] **reduce** over content, taking in a list of all the transformed and filtered content and creating output files (e.g. creating an RSS feed or pages that list all files with a specific tag) |
|---|
| | | - [[making plugins#Transformers|Transformers]] **map** over content (e.g. parsing frontmatter, generating a description) |
|---|
| | | - [[making plugins#Filters|Filters]] **filter** content (e.g. filtering out drafts) |
|---|
| | | - [[making plugins#Emitters|Emitters]] **reduce** over content (e.g. creating an RSS feed or pages that list all files with a specific tag) |
|---|
| | | |
|---|
| | | By adding, removing, and reordering plugins from the `tranformers`, `filters`, and `emitters` fields, you can customize the behaviour of Quartz. |
|---|
| | | |
|---|
| | |
|---|
| | | You can see the base style sheet in `quartz/styles/base.scss` and write your own in `quartz/styles/custom.scss`. |
|---|
| | | |
|---|
| | | > [!note] |
|---|
| | | > Some components may provide their own styling as well! For example, `quartz/components/Darkmode.tsx` imports its styles from `quartz/components/styles/darkmode.scss`. If you'd like to customize styling for a specific component, double check the component definition to see how its styles are defined. |
|---|
| | | > Some components may provide their own styling as well! For example, `quartz/components/Darkmode.tsx` imports styles from `quartz/components/styles/darkmode.scss`. If you'd like to customize styling for a specific component, double check the component definition to see how its styles are defined. |
|---|
| | | |
|---|
| | | When you're ready, see how [[build|build and preview]] Quartz locally. |
|---|
