import{_ as a,r as s,c as i,b as n,d as t,w as l,a as p,o,e as r}from"./app-kF3bKHkE.js";const c="/assets/vscode-preview-readme-B3Epmjjx.png",d="/assets/obsidian-%C3%B6ffne-vault-Z2QGqpOe.png",u="/assets/obsiidan-open-Brf13srQ.png",h="/assets/obsidian-graph-sA0aWrvA.png",k={},m=n("h1",{id:"slides-thema-14",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#slides-thema-14"},[n("span",null,"Slides Thema 14")])],-1),b=n("h2",{id:"dokumentation-mit-markdown",tabindex:"-1"},[n("a",{class:"header-anchor",href:"#dokumentation-mit-markdown"},[n("span",null,"Dokumentation mit Markdown")])],-1),v=p(`

⚡Anwesenheit bestätigen

Lernziele

Ich kann ...

Markdown-Dokumente erstellen.
die Markdown-Syntax anwenden.
Markdown-Erweiterungen verstehen.
mit Obsidian Markdown-Dateien vearbeiten und verlinken.

Was ist Markdown?

Markdown ist eine vereinfachte Auszeichnungssprache.

Ein Ziel von Markdown ist eine leicht lesbare Ausgangsform bereits vor der Konvertierung.

Beispiel eines Markdown-Dokument

Markdown-Dokumente sind Text-Dateien mit der Dateiendung .md.

Markdown Lernen
===============

## Einleitung

**Markdown** ist eine vereinfachte Auszeichnungssprache.

🤔 Für was stehen die Spezialzeichen =, #, *?

Mardown als HTML-Dokument

Markdown kann in HTML umgewandelt werden.

<h1 id="markdown-lernen">Markdown Lernen</h1>
<h2 id="einleitung">Einleitung</h2>
<p><strong>Markdown</strong> ist eine vereinfachte Auszeichnungssprache.</p>

ℹ️ Diese Website ist volltständig in Markdown geschrieben.

README erstellen

🎬 Führen Sie diese Aktionen aus:

Neuer Ordner Thema14 erstellen
Ordner mit VSCode öffnen
Datei README.md mit diesem Code anlegen:

# Sample Markdown

This is some basic, sample markdown.

## Second Heading

 * Unordered lists, and:
  1. One
  1. Two
  1. Three
 * More

> Blockquote

And **bold**, *italics*, and even *italics and later **bold***. Even ~~strikethrough~~. [A link](https://markdowntohtml.com) to somewhere.

And code highlighting:

\`\`\`js
var foo = 'bar';

function baz(s) {
   return foo + ':' + s;
}
\`\`\`

Or inline code like \`var foo = 'bar';\`.

Or an image of bears

![bears](http://placebear.com/200/200)

The end ...

HTML-Vorschau anzeigen

🎬 Machen Sie einen Rechtsklick auf die Datei README.md und wählen Sie Open Preview.

Live-Vorschau

🎬 Schiebt das Vorschau-Fenster auf die rechte Seite und bearbeitet das Markdown-Dokument.

Bilder einfügen

Die Anzeige von Bilder ist etwas umständlicher als gewohnt.

🎬 Führen Sie diese Aktionen aus:

Laden Sie das Bild des Bären herunter: https://placebear.com/200/200
- Rechtsklick auf Bild machen und Grafik speichern unter wählen
Speichern Sie die Datei in denselben Ordner wie README.md
Erstetzen Sie ![bears](http://placebear.com/200/200) mit ![](200.jpeg)

In der Vorschau sollte das Bild immer noch erscheinen.

Syntax

Es gibt verschiedene Markdown-Syntaxen.

Eine gute Übersicht zur Basis-Syntax bietet: https://www.markdownguide.org/basic-syntax/

Erweiterte Syntaxen

Auf derselben Seite findet man eine Liste von weiteren Syntaxen: https://www.markdownguide.org/extended-syntax/

Tabelle erstellen

Wenn Github-Flavored-Markdown (GFM) unterstützt wird, können Sie in Markdown-Tabellen erstellen.

🎬 Kopieren Sie den folgenden Code in die README.md Datei:

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

Dokumentation mit Markdown

Warum sollte man Dokumente / Dokumentationen mit Markdown erstellen?

Text-Dateien können immer gelesen werden.
Es braucht keine zusätzliche Software (Word, Adobe, ...)
Die Inhalte können als Website publiziert werden

Notizen mit Obsidian

Diese Website wird mit https://obsidian.md/.

Obsidian ist eine Knowledge Base, die aber im wesentlichen die Bearbeitung und Verknüpfung von Markdown-Dateien erlaubt.

Obsidian testen

Dieselbe README.md Datei können Sie mit Obsidian bearbeiten.

🎬 Führen Sie diese Aktionen aus:

Obsidain herunterladen und installieren
Obsidian starten und Order als Vault öffnen

Den Ordner Thema14 auswählen und öffnen

Verlinkung erstellen

Mit Obsidian können Sie Dateien verlinken.

🎬 Führen Sie diese Aktionen aus:

Fügen Sie am Ende von README den Text [[About]] ein
Halten ctrl gedrück und klicken Sie auf [[About]]

Obsidian erstellt das Dokument About. Sie können das Dokument bearbeiten.

Graph-Ansicht öffnen

🎬 Wählen Sie auf der Linken Seite Graph-Ansicht öffnen.

Die Verlinkung zwischen dem Dokument README und About wird visualisiert.

🎬 Erstellen Sie weitere Links und Dokumente.

Was kann mich mit Obsidian?

Komplexe Dokumentationen schreiben.
Wikis für das Unternehmen erstellen.
Persönliche Projekte planen und ausführen.

Es gibt noch weitere Alternativen wie https://joplinapp.org/, https://logseq.com/

Review

🎯 Wurden die Lernziele erreicht?

⚡ Feedback zu den Zielen einholen.

',85);function g(w,f){const e=s("RouteLink");return o(),i("div",null,[m,b,n("p",null,[t(e,{to:"/topic-14/"},{default:l(()=>[r("◀️ Thema 14")]),_:1})]),v])}const M=a(k,[["render",g],["__file","slides14.html.vue"]]),D=JSON.parse('{"path":"/topic-14/slides14.html","title":"Slides Thema 14","lang":"de-CH","frontmatter":{},"headers":[{"level":2,"title":"Dokumentation mit Markdown","slug":"dokumentation-mit-markdown","link":"#dokumentation-mit-markdown","children":[{"level":3,"title":"Lernziele","slug":"lernziele","link":"#lernziele","children":[]},{"level":3,"title":"Was ist Markdown?","slug":"was-ist-markdown","link":"#was-ist-markdown","children":[]},{"level":3,"title":"Beispiel eines Markdown-Dokument","slug":"beispiel-eines-markdown-dokument","link":"#beispiel-eines-markdown-dokument","children":[]},{"level":3,"title":"Mardown als HTML-Dokument","slug":"mardown-als-html-dokument","link":"#mardown-als-html-dokument","children":[]},{"level":3,"title":"README erstellen","slug":"readme-erstellen","link":"#readme-erstellen","children":[]},{"level":3,"title":"HTML-Vorschau anzeigen","slug":"html-vorschau-anzeigen","link":"#html-vorschau-anzeigen","children":[]},{"level":3,"title":"Live-Vorschau","slug":"live-vorschau","link":"#live-vorschau","children":[]},{"level":3,"title":"Bilder einfügen","slug":"bilder-einfugen","link":"#bilder-einfugen","children":[]},{"level":3,"title":"Syntax","slug":"syntax","link":"#syntax","children":[]},{"level":3,"title":"Erweiterte Syntaxen","slug":"erweiterte-syntaxen","link":"#erweiterte-syntaxen","children":[]},{"level":3,"title":"Tabelle erstellen","slug":"tabelle-erstellen","link":"#tabelle-erstellen","children":[]},{"level":3,"title":"Dokumentation mit Markdown","slug":"dokumentation-mit-markdown-1","link":"#dokumentation-mit-markdown-1","children":[]},{"level":3,"title":"Notizen mit Obsidian","slug":"notizen-mit-obsidian","link":"#notizen-mit-obsidian","children":[]},{"level":3,"title":"Obsidian testen","slug":"obsidian-testen","link":"#obsidian-testen","children":[]},{"level":3,"title":"Verlinkung erstellen","slug":"verlinkung-erstellen","link":"#verlinkung-erstellen","children":[]},{"level":3,"title":"Graph-Ansicht öffnen","slug":"graph-ansicht-offnen","link":"#graph-ansicht-offnen","children":[]},{"level":3,"title":"Was kann mich mit Obsidian?","slug":"was-kann-mich-mit-obsidian","link":"#was-kann-mich-mit-obsidian","children":[]},{"level":3,"title":"Review","slug":"review","link":"#review","children":[]}]}],"git":{"updatedTime":1706948342000,"contributors":[{"name":"Janik von Rotz","email":"login@janikvonrotz.ch","commits":1}]},"filePathRelative":"topic-14/slides14.md"}');export{M as comp,D as data};