| | |
|---|
| | | |
|---|
| | | ```typescript title="quartz.layout.ts" |
|---|
| | | Component.Breadcrumbs({ |
|---|
| | | spacerSymbol: ">", // symbol between crumbs |
|---|
| | | spacerSymbol: "❯", // symbol between crumbs |
|---|
| | | rootName: "Home", // name of first/root element |
|---|
| | | resolveFrontmatterTitle: false, // wether to resolve folder names through frontmatter titles (more computationally expensive) |
|---|
| | | hideOnRoot: true, // wether to hide breadcrumbs on root `index.md` page |
|---|
| | | resolveFrontmatterTitle: true, // whether to resolve folder names through frontmatter titles |
|---|
| | | showCurrentPage: true, // whether to display the current page in the breadcrumbs |
|---|
| | | }) |
|---|
| | | ``` |
|---|
| | | |
|---|
| | |
|---|
| | | |
|---|
| | | Want to customize it even more? |
|---|
| | | |
|---|
| | | - Removing graph view: delete all usages of `Component.Breadcrumbs()` from `quartz.layout.ts`. |
|---|
| | | - Removing breadcrumbs: delete all usages of `Component.Breadcrumbs()` from `quartz.layout.ts`. |
|---|
| | | - Component: `quartz/components/Breadcrumbs.tsx` |
|---|
| | | - Style: `quartz/components/styles/breadcrumbs.scss` |
|---|
| | | - Script: inline at `quartz/components/Breadcrumbs.tsx` |
|---|
