Quartz 4

Ukázka Markdownu (Quartz)

2 min čtení

Tento soubor rozšiřuje základní ukázku Quartz funkcí o další běžné prvky: Mermaid diagramy, LaTeX matematiku, práci s obrázky a příklady frontmatter.

Wikilinky

  • [[sluzby|Služby]]
  • [[kontakt|Kontakt]]
  • [[o-nas|O nás]]

Wikilinky poskytují jednoduché interní odkazy s automatickými popisy v previsualizaci.

Transkluze (embed)

Transkluze (embed) vloží obsah jiného dokumentu přímo sem:

Kontakt

Máte otázky nebo chcete diskutovat o vašich IT potřebách? Rádi vám pomůžeme. Níže najdete všechny způsoby, jak se s námi můžete spojit.

Kontaktní informace

KontaktÚdaj
Emailinfo@thinkhome.org
Telefon+420 910 129 289

Jak vám pomůžeme?

Obraťte se na nás a sdělte nám své potřeby. Naši specialisté vám odpoví a dohodnou si s vámi čas na úvodní bezplatnou konzultaci.

Pracovní doba

Jsme vám k dispozici v pracovních dnech od pondělí do pátku, 10:00 - 18:00. Mimo tuto dobu nás můžete kontaktovat prostřednictvím emailu nebo telefonicky a my se vám ozveme co nejdříve. Těšíme se na spolupráci s vámi!

Fakturační údaje

Název společnostiThinkHome s.r.o.
IČO23893591
SídloRytířova 777/3, 143 00, Praha 4 – Kamýk
Bankovní spojení363677109/0300
Datová schránkahujt7i5
ZápisC 434666/MSPH Městský soud v Praze
Odkaz na původní dokument

Pokud jiná stránka odkazuje na tuto, Quartz může automaticky zobrazit seznam zpětných odkazů. Příklad, jak vytvářet odkazy:

  • Na stránce projekty.md napište [[Ukázka Markdownu (Quartz)|example]]
  • Pak se v seznamu backlinků objeví odkaz na projekty.md.

Callouty

Info

Popovery a náhledy odkazů fungují lépe, když používáte interní odkazy (wikilinky).

Tip

Pro přehled služeb použijte sluzby.

Warning

Některé rozšířené funkce (např. Mermaid nebo LaTeX) mohou vyžadovat povolení příslušných pluginů v konfiguraci Quartz.

Kód (TypeScript)

const hello = "Ahoj Quartz"
console.log(hello)

Mermaid diagram

Quartz podporuje Mermaid diagramy (musí být povolen plugin / transformer):

sequenceDiagram
    participant A as Klient
    participant B as Server
    A->>B: Pošle požadavek
    B-->>A: Vrátí odpověď

LaTeX / Matematiky

Pro matematiku použijte remark-math + rehype-katex nebo mathjax konfiguraci. Inline vzorec: . Bloková rovnice:

$$
\int_{-\infty}^{+\infty} e^{-x^2} dx = \sqrt{\pi}
$$

Obrázky a přílohy

Obrázky můžete vkládat dvěma způsoby:

  • Jako klasický Markdown obrázek (statický soubor ve content nebo static složce): Ukázkový obrázek

  • Jako attachment/připojení (Obsidian-style):

Doporučení:

  • Používejte rozumné rozměry a moderní formáty (WebP, AVIF tam, kde to deployment podporuje).
  • Pokud chcete galerii, vytvořte několik obrázků v řadě a stylujte je pomocí komponenty/layoutu.

Frontmatter — příklady

Přikládám běžné frontmatter ukázky, které Quartz rozumí (title, tags, aliases, draft, date, image, cssclasses):

---
title: "Ukázkový článek"
description: "Krátký popis"
date: 2025-01-15
draft: false
tags:
  - example
  - quartz
aliases:
  - "/example/"
image: "/images/social-card.png"
cssclasses:
  - hero
---

Další frontmatter pole, která se hodí:

  • draft — pokud true, stránka se běžně nepublikuje.
  • aliases — alternativní URL nebo jména pro přesměrování.
  • cssclasses — přidá CSS třídy do obalového elementu stránky.
  • lang — přepis jazyka stránky.

Checklist / To-do

  • Wikilinky
  • Embed / transkluze
  • Callouty
  • Kódové bloky
  • Mermaid diagram
  • LaTeX matematika
  • Obrázky / attachments
  • Frontmatter příklady
  • Galerie (doplnit komponentu)

Doporučení pro autoring

  • Používejte editor, který podporuje preview pro Mermaid / LaTeX (např. Obsidian) při psaní.
  • Držte frontmatter konzistentní — usnadní to generování RSS, sociálních karet a filtraci obsahu.
  • Pro větší projekty zvažte tag collections a custom listing komponenty.

Pokud chcete, mohu přidat i ukázkovou galerii, příklad vlastní komponenty pro zobrazení týmového profilu nebo krátký návod, jak nakonfigurovat Mermaid/LaTeX pluginy v quartz.config.ts.

Graf