1. Clone Quartz from git https://quartz.jzhao.xyz/
    ```
    git clone https://github.com/jackyzha0/quartz.git
    cd quartz

    • Install dependencies
    • Choose existing Vault (Vault is moved to the folder inside project, from now this is the default path for Obsidian)
npm i
npx quartz create
npx quartz plugin install --from-config
npx quartz build --serve
  1. Set templates, .yaml config from previous experimental site.
    custom.scss (Herbarium), template
    quartz-themes must be enabled: false

  2. Create private repo on github where all stuff, Quartz and Vault will be stored.

  3. Set the remote url for own repo
    git remote rm origin
    git remote add origin REMOTE-URL git remote add upstream https://github.com/jackyzha0/quartz.git`
    git remote -v
    npx quartz sync --no-pull

  4. Obsidian Git plugin to send to the repo updated Vault let’s say every 10 minutes. Useful tutorial: https://linked-blog-starter.vercel.app/connect-obsidian-vault-with-github
    - Vault must be opened from quartz/ . Everytime I want to update repo it will be sent.
    - I can exclude some folders from visibility in Obsidian settings.

  5. Claudflare pages hosting https://pages.cloudflare.com/

  • Start once again and this time upload the correct vault with public and private folders only, the rest can be copied
  • Solve the issue with the custom.scss Pay attention that it works with !Important red background.
  • Choose the theme my own herbarium or this cyberglow
  • Then move on to Github repo

Summary of steps for Quartz Digital Garden