quartz/content/notes/config.md

---
title: "Configuration"
tags:
- setup
---

## Configuration
Quartz is designed to be extremely configurable. You can find the bulk of the configuration scattered throughout the repository depending on how in-depth you'd like to get.

The majority of configuration can be be found under `data/config.yaml`. An annotated example configuration is shown below.

```yaml
name: Your name here! # Shows in the footer
enableToc: true # Whether to show a Table of Contents
enableLinkPreview: true # whether to render card previews for links
description: Page description to show to search engines
page_title: Quartz Example Page # Default Page Title

links: # Links to show in footer
  - link_name: Twitter
    link: https://twitter.com/_jzhao
  - link_name: Github
    link: https://github.com/jackyzha0
```

### Graph View
To customize the Interactive Graph view, you can poke around `data/graphConfig.yaml`.

```yaml
enableLegend: false # automatically generate a legend
enableDrag: true # allow dragging nodes in the graph
enableZoom: true # allow zooming and panning the graph
depth: -1 # how many neighbours of the current node to show (-1 is all nodes)
paths: # colour specific nodes path off of their path
  - /moc: "#4388cc"
```


## Styling
Want to go even more in-depth? You can add custom CSS styling and change existing colours through editing `assets/custom.scss`. If you'd like to target specific parts of the site, you can add ids and classes to the HTML partials in `/layouts/partials`. 

### Partials
Partials are what dictate what actually gets rendered to the page. Want to change how pages are styled and structured? You can edit the appropriate layout in `/layouts`.

For example, the structure of the home page can be edited through `/layouts/index.html`. To customize the footer, you can edit `/layouts/partials/footer.html`

More info about partials on [Hugo's website.](https://gohugo.io/templates/partials/)

Still having problems? Checkout our [FAQ and Troubleshooting guide](notes/troubleshooting.md).
add base pages 2021-07-18 18:54:00 +03:00			`---`
proper backlink and graph display in footer 2021-07-18 20:02:53 +03:00			`title: "Configuration"`
base tags 2021-12-27 05:13:21 +03:00			`tags:`
			`- setup`
add base pages 2021-07-18 18:54:00 +03:00			`---`
more docs + link fixing 2021-07-18 22:19:58 +03:00
flesh out docs 2021-07-18 23:40:53 +03:00			`## Configuration`
			`Quartz is designed to be extremely configurable. You can find the bulk of the configuration scattered throughout the repository depending on how in-depth you'd like to get.`

			The majority of configuration can be be found under `data/config.yaml`. An annotated example configuration is shown below.

			```yaml
			`name: Your name here! # Shows in the footer`
			`enableToc: true # Whether to show a Table of Contents`
docs update 2022-01-04 19:39:22 +03:00			`enableLinkPreview: true # whether to render card previews for links`
flesh out docs 2021-07-18 23:40:53 +03:00			`description: Page description to show to search engines`
			`page_title: Quartz Example Page # Default Page Title`

			`links: # Links to show in footer`
			`- link_name: Twitter`
			`link: https://twitter.com/_jzhao`
			`- link_name: Github`
			`link: https://github.com/jackyzha0`
			```

			`### Graph View`
			To customize the Interactive Graph view, you can poke around `data/graphConfig.yaml`.

			```yaml
			`enableLegend: false # automatically generate a legend`
			`enableDrag: true # allow dragging nodes in the graph`
			`enableZoom: true # allow zooming and panning the graph`
dedupe backlinks 2021-12-27 21:15:10 +03:00			`depth: -1 # how many neighbours of the current node to show (-1 is all nodes)`
flesh out docs 2021-07-18 23:40:53 +03:00			`paths: # colour specific nodes path off of their path`
			`- /moc: "#4388cc"`
			```


more docs + link fixing 2021-07-18 22:19:58 +03:00			`## Styling`
flesh out docs 2021-07-18 23:40:53 +03:00			Want to go even more in-depth? You can add custom CSS styling and change existing colours through editing `assets/custom.scss`. If you'd like to target specific parts of the site, you can add ids and classes to the HTML partials in `/layouts/partials`.

			`### Partials`
			Partials are what dictate what actually gets rendered to the page. Want to change how pages are styled and structured? You can edit the appropriate layout in `/layouts`.

			For example, the structure of the home page can be edited through `/layouts/index.html`. To customize the footer, you can edit `/layouts/partials/footer.html`

			`More info about partials on [Hugo's website.](https://gohugo.io/templates/partials/)`

			`Still having problems? Checkout our [FAQ and Troubleshooting guide](notes/troubleshooting.md).`