<html><head><title>Welcome to Quartz 4</title><metacharSet="utf-8"/><metaname="viewport"content="width=device-width, initial-scale=1.0"/><metaproperty="og:title"content="Welcome to Quartz 4"/><metaproperty="og:description"content="Quartz is a fast, batteries-included static-site generator that transforms Markdown content into fully functional websites. Thousands of students, developers, and teachers are already using Quartz to publish personal notes, wikis, and digital gardens to the web."/><metaproperty="og:image"content="https://roadmap.logos.co/static/og-image.png"/><metaproperty="og:width"content="1200"/><metaproperty="og:height"content="675"/><linkrel="icon"href="./static/icon.png"/><metaname="description"content="Quartz is a fast, batteries-included static-site generator that transforms Markdown content into fully functional websites. Thousands of students, developers, and teachers are already using Quartz to publish personal notes, wikis, and digital gardens to the web."/><metaname="generator"content="Logos Roadmaps"/><linkrel="preconnect"href="https://fonts.googleapis.com"/><linkrel="preconnect"href="https://fonts.gstatic.com"/><linkhref="./index.css"rel="stylesheet"type="text/css"spa-preserve/><linkhref="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css"rel="stylesheet"type="text/css"spa-preserve/><linkhref="https://fonts.googleapis.com/css2?family=IBM Plex Mono&family=Schibsted Grotesk:wght@400;700&family=Source Sans Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap"rel="stylesheet"type="text/css"spa-preserve/><scriptsrc="./prescript.js"type="application/javascript"spa-preserve></script><scripttype="application/javascript"spa-preserve>constfetchData=fetch(`./static/contentIndex.json`).then(data=>data.json())</script></head><bodydata-slug="index_default"><divid="quartz-root"class="page"><divid="quartz-body"><divclass="left sidebar"><h1class="page-title"><ahref=".">Logos Collective Project Roadmaps</a></h1><divclass="spacer mobile-only"></div><divclass="search"><divid="search-icon"><p>Search</p><div></div><svgtabIndex="0"aria-labelledby="title desc"role="img"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 19.9 19.7"><titleid="title">Search</title><descid="desc">Search</desc><gclass="search-path"fill="none"><pathstroke-linecap="square"d="M18.5 18.3l-5.4-5.4"></path><circlecx="8"cy="8"r="7"></circle></g></svg></div><divid="search-container"><divid="search-space"><inputautocomplete="off"id="search-bar"name="search"type="text"aria-label="Search for something"placeholder="Search for something"/><divid="results-container"></div></div></div></div><divclass="darkmode"><inputclass="toggle"id="darkmode-toggle"type="checkbox"tabIndex="-1"/><labelid="toggle-label-light"for="darkmode-toggle"tabIndex="-1"><svgxmlns="http://www.w3.org/2000/svg"xmlnsXlink="http://www.w3.org/1999/xlink"version="1.1"id="dayIcon"x="0px"y="0px"viewBox="0 0 35 35"style="enable-background:new 0 0 35 35;"xmlSpace="preserve"><title>Light mode</title><pathd="M6,17.5C6,16.672,5.328,16,4.5,16h-3C0.672,16,0,16.672,0,17.5S0.672,19,1.5,19h3C5.328,19,6,18.328,6,17.5zM7.5,26c-0.414,0-0.789,0.168-1.061,0.439l-2,2C4.168,28.711,4,29.086,4,29.5C4,30.328,4.671,31,5.5,31c0.414,0,0.789-0.168,1.06-0.44l2-2C8.832,28.289,9,27.914,9,27.5C9,26.672,8.329,26,7.5,26zM17.5,6C18.329,6,19,5.328,19,4.5v-3C19,0.672,18.329,0,17.5,0S16,0.672,16,1.5v3C16,5.328,16.671,6,17.5,6zM27.5,9c0.414,0,0.789-0.168,1.06-0.439l2-2C30.832,6.289,31,5.914,31,5.5C31,4.672,30.329,4,29.5,4c-0.414,0-0.789,0.168-1.061,0.44l-2,2C26.168,6.711,26,7.086,26,7.5C26,8.328,26.671,9,27.5,9zM6.439,8.561C6.711,8.832,7.086,9,7.5,9C8.328,9,9,8.328,9,7.5c0-0.414-0.168-0.789-0.439-1.061l-2-2C6.289,4.168,5.914,4,5.5,4C4.672,4,4,4.672,4,5.5c0,0.414,0.168,0.789,0.439,1.06L6.439,8.561zM33.5,16h-3c-0.828,0-1.5,0.672-1.5,1.5s0.672,1.5,1.5,1.5h3c0.828,0,1.5-0.672,1.5-1.5S34.328,16,33.5,16zM28.561,26.439C28.289,26.168,27.914,26,27.5,26c-0.828,0-1.5,0.672-1.5,1.5c0,0.414,0
<h2id="-get-started">🪴 Get Started<aaria-hidden="true"tabindex="-1"href="#-get-started"class="internal"> §</a></h2>
<p>Quartz requires <strong>at least <ahref="https://nodejs.org/"class="external">Node</a> v18.14</strong> to function correctly. Ensure you have this installed on your machine before continuing.</p>
<p>Then, in your terminal of choice, enter the following commands line by line:</p>
<p>Coming from Quartz 3? See the <ahref="./migrating-from-Quartz-3"class="internal">migration guide</a> for the differences between Quartz 3 and Quartz 4 and how to migrate.</p>
<li><ahref="./Obsidian-compatibility"class="internal">Obsidian compatibility</a>, <ahref="./full-text-search"class="internal">full-text search</a>, <ahref="./graph-view"class="internal">graph view</a>, <ahref="./wikilinks"class="internal">wikilinks</a>, <ahref="./backlinks"class="internal">backlinks</a>, <ahref="./Latex"class="internal">Latex</a>, <ahref="./syntax-highlighting"class="internal">syntax highlighting</a>, <ahref="./popover-previews"class="internal">popover previews</a>, and <ahref="./features"class="internal">many more</a> right out of the box</li>
<li>Hot-reload for both configuration and content</li>
<li>Simple JSX layouts and <ahref="./creating-components"class="internal">page components</a></li>
<li><ahref="./SPA-Routing"class="internal">Ridiculously fast page loads</a> and tiny bundle sizes</li>
<li>Fully-customizable parsing, filtering, and page generation through <ahref="./making-plugins"class="internal">plugins</a></li>
</ul>
<p>For a comprehensive list of features, visit the <ahref="./features"class="internal">features page</a>. You can read more about the <em>why</em> behind these features on the <ahref="./philosophy"class="internal">philosophy</a> page and a technical overview on the <ahref="./architecture"class="internal">architecture</a> page.</p>
<p>Having trouble with Quartz? Try searching for your issue using the search feature. If you haven’t already, <ahref="./upgrading"class="internal">upgrade</a> to the newest version of Quartz to see if this fixes your issue.</p>
<p>If you’re still having trouble, feel free to <ahref="https://github.com/jackyzha0/quartz/issues"class="external">submit an issue</a> if you feel you found a bug or ask for help in our <ahref="https://discord.gg/cRFFHYye7t"class="external">Discord Community</a>.</p></article></div><divclass="right sidebar"><divclass="graph"><h3>Graph View</h3><divclass="graph-outer"><divid="graph-container"data-cfg="{"drag":true,"zoom":true,"depth":1,"scale":1.1,"repelForce":0.5,"centerForce":0.3,"linkDistance":30,"fontSize":0.6,"opacityScale":1}"></div><svgversion="1.1"id="global-graph-icon"xmlns="http://www.w3.org/2000/svg"xmlnsXlink="http://www.w3.org/1999/xlink"x="0px"y="0px"viewBox="0 0 55 55"fill="currentColor"xmlSpace="preserve"><pathd="M49,0c-3.309,0-6,2.691-6,6c0,1.035,0.263,2.009,0.726,2.86l-9.829,9.829C32.542,17.634,30.846,17,29,17
