Obsidian I recommend using Obsidian as a way to edit and grow your digital garden."><title>Editing Content in Quartz</title><metaname=viewportcontent="width=device-width,initial-scale=1"><linkrel="shortcut icon"type=image/pnghref=https://quartz.jzhao.xyz//icon.png><linkhref="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Source+Sans+Pro:wght@400;600;700&family=Fira+Code:wght@400;700&display=swap"rel=stylesheet><linkhref=https://quartz.jzhao.xyz/styles.cd61336c89ed6e03702366ce4a492b75.min.cssrel=stylesheet><scriptsrc=https://quartz.jzhao.xyz/js/darkmode.46b07878b7f5d9e26ad7a3c40f8a0605.min.js></script>
<script>vardoNotTrack=!1;if(!doNotTrack){window.dataLayer=window.dataLayer||[];functiongtag(){dataLayer.push(arguments)}gtag("js",newDate),gtag("config","G-XYFD95KB4J",{anonymize_ip:!1})}</script><body><divid=search-container><divid=search-space><inputautocomplete=offid=search-barname=searchtype=textaria-label=Searchplaceholder="Search for something..."><divid=results-container></div></div></div><scriptsrc=https://cdn.jsdelivr.net/npm/flexsearch@0.7.21/dist/flexsearch.bundle.jsintegrity="sha256-i3A0NZGkhsKjVMzFxv3ksk0DZh3aXqu0l49Bbh0MdjE="crossorigin=anonymousdefer></script>
<scriptdefersrc=https://quartz.jzhao.xyz/js/search.bc849b857f2c1b822264d40635bb67b6.min.js></script><divclass=singlePage><header><h1id=page-title><ahref=https://quartz.jzhao.xyz/>🪴 Quartz 3.2</a></h1><svgtabindex="0"id="search-icon"aria-labelledby="title desc"role="img"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 19.9 19.7"><titleid="title">Search Icon</title><descid="desc">Icon to open search</desc><gclass="search-path"fill="none"><pathstroke-linecap="square"d="M18.5 18.3l-5.4-5.4"/><circlecx="8"cy="8"r="7"/></g></svg><divclass=spacer></div><divclass=darkmode><inputclass=toggleid=darkmode-toggletype=checkboxtabindex=-1>
<ahref=https://gohugo.io/rel=noopener>Hugo</a> so all notes are written in
<ahref=https://www.markdownguide.org/getting-started/rel=noopener>Markdown</a>.</p><h3id=obsidian>Obsidian</h3><p>I recommend using
<ahref=http://obsidian.md/rel=noopener>Obsidian</a> as a way to edit and grow your digital garden. It comes with a really nice editor and graphical interface to preview all of your local files.</p><p>This step is <strong>highly recommended</strong>.</p><p>🔗
<ahref=/notes/obsidianrel=noopenerclass=internal-linkdata-src=/notes/obsidian>How to setup your Obsidian Vault to work with Quartz</a></p><h3id=ignoring-files>Ignoring Files</h3><p>Only want to publish a subset of all of your notes? Don’t worry, Quartz makes this a simple two-step process.</p><p>❌
<ahref=/notes/ignore-notesrel=noopenerclass=internal-linkdata-src=/notes/ignore-notes>Excluding pages from being published</a></p><h3id=folder-structure>Folder Structure</h3><p>Here’s a rough overview of what’s what.</p><p><strong>All content in your garden can found in the <code>/content</code> folder.</strong> To make edits, you can open any of the files and make changes directly and save it. You can organize content into any folder you’d like.</p><p>*<em>To edit the main home page, open <code>/content/_index.md</code>.</em></p><p>To create a link between notes in your garden, just create a normal link using Markdown pointing to the document in question. Please note that <strong>all links should be relative to the root <code>/content</code> path</strong>.</p><divclass=highlight><divclass=chroma><tableclass=lntable><tr><tdclass=lntd><pretabindex=0class=chroma><code><spanclass=lnt>1
</span><spanclass=lnt>2
</span></code></pre></td><tdclass=lntd><pretabindex=0class=chroma><codeclass=language-markdowndata-lang=markdown><spanclass=line><spanclass=cl>For example, I want to link this current document to <spanclass=sb>`notes/config.md`</span>.
</span></span><spanclass=line><spanclass=cl>[<spanclass=nt>A link to the config page</span>](<spanclass=na>notes/config.md</span>)
</span></span></code></pre></td></tr></table></div></div><p>Similarly, you can put local images anywhere in the <code>/content</code> folder.</p><divclass=highlight><divclass=chroma><tableclass=lntable><tr><tdclass=lntd><pretabindex=0class=chroma><code><spanclass=lnt>1
</span><spanclass=lnt>2
</span></code></pre></td><tdclass=lntd><pretabindex=0class=chroma><codeclass=language-markdowndata-lang=markdown><spanclass=line><spanclass=cl>Example image (source is in content/notes/images/example.png)
</span></span></code></pre></td></tr></table></div></div><h3id=front-matter>Front Matter</h3><p>Hugo is picky when it comes to metadata for files. Make sure that your title is double-quoted and that you have a title defined at the top of your file like so. You can also add tags here as well.</p><divclass=highlight><divclass=chroma><tableclass=lntable><tr><tdclass=lntd><pretabindex=0class=chroma><code><spanclass=lnt>1
</span></span><spanclass=line><spanclass=cl>enableToc: false # do not show a table of contents on this page
</span></span><spanclass=line><spanclass=cl>---
</span></span><spanclass=line><spanclass=cl>
</span></span><spanclass=line><spanclass=cl>Rest of your content here...
</span></span></code></pre></td></tr></table></div></div><h2id=previewing-changes>Previewing Changes</h2><p>This step is purely optional and mostly for those who want to see the published version of their digital garden locally before opening it up to the internet. This is <em>highly recommended</em> but not required.</p><p>👀
<ahref=/notes/preview-changesrel=noopenerclass=internal-linkdata-src=/notes/preview-changes>Preview Quartz Changes</a></p><p>For those who like to live life more on the edge, viewing the garden through Obsidian gets you pretty close to the real thing.</p><h2id=publishing-changes>Publishing Changes</h2><p>Now that you know the basics of managing your digital garden using Quartz, you can publish it to the internet!</p><p>🌍
<ahref=/notes/troubleshootingrel=noopenerclass=internal-linkdata-src=/notes/troubleshooting>FAQ and Troubleshooting guide</a>.</p></article><hr><divclass=page-end><divclass=backlinks-container><h3>Backlinks</h3><ulclass=backlinks><li><ahref=/notes/setup>Setup</a></li><li><ahref=/notes/troubleshooting>Troubleshooting and FAQ</a></li></ul></div><div><scriptsrc=https://cdn.jsdelivr.net/npm/d3@6.7.0/dist/d3.min.jsintegrity="sha256-+7jaYCp29O1JusNWHaYtgUn6EhuP0VaFuswhNV06MyI="crossorigin=anonymous></script><h3>Interactive Graph</h3><divid=graph-container></div><style>:root{--g-node:var(--secondary);--g-node-active:var(--primary);--g-node-inactive:var(--visited);--g-link:var(--outlinegray);--g-link-active:#5a7282}</style><scriptsrc=https://quartz.jzhao.xyz/js/graph.27e8521c25c27c79dea35f434c486167.js></script>
