ar.falsy.cat/content/notes/editing.md
2021-07-19 00:40:55 -04:00

3.0 KiB

title
Editing Content in Quartz

Editing

Quartz runs on top of Hugo so all notes are written in Markdown.

Obsidian

I strongly recommend using Obsidian as a way to edit and grow your digital garden. It comes with a really nice editor and graphical interface to preview all of my local files.

🔗 How to link your Obsidian Vault

Of course, all the files are in Markdown so you could just use your favourite text editor of choice, I'm not going to stop you!

Folder Structure

Here's a rough overview of what's what.

All content in your garden can found in the /content folder. 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.

To edit the main home page, open /content/_index.md. This is the home page which is slightly special. You don't need front matter here!

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 all links should be relative to the root /content path.

For example, I want to link this current document to `notes/config.md`.
[A link to the config page](notes/config.md)

Front Matter

Hugo is picky when it comes to metadata for files. Ensure that you have a title defined at the top of your file like so:

---
title: "Example Title"
---

Rest of your content here...

Previewing Changes

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. For those who like to live life more on the edge, viewing the garden through Obsidian gets you pretty close to the real thing.

Install hugo-obsidian

This step will generate the list of backlinks for Hugo to parse. Ensure you have Go (>= 1.16) installed.

# Install and link `hugo-obsidian` locally
$ go install github.com/jackyzha0/hugo-obsidian

# Navigate to your local Quartz folder
$ cd <location-of-your-local-quartz>

# Scrape all links in your Quartz folder and generate info for Quartz
$ hugo-obsidian -input=content -output=data

Afterwards, start the Hugo server as shown above and your local backlinks and interactive graph should be populated!

Installing Hugo

Hugo is the static site generator that powers Quartz. If you'd like to preview your site locally, install Hugo.

# Navigate to your local Quartz folder
$ cd <location-of-your-local-quartz>

# Start local server
$ hugo server

# View your site in a browser at http://localhost:1313/

Publishing Changes

Now that you know the basics of managing your digital garden using Quartz, you can publish it to the internet!

🌍 Hosting Quartz online!

Having problems? Checkout our FAQ and Troubleshooting guide.