Beispiele für die Verwendung des CSDN-Markdown-Editors

Willkommen im Markdown-Editor

Hallo! Dies ist Ihr erstes Mal, dass Sie die Begrüßungsseite verwenden, die vom Markdown-Editor angezeigt wird. Wenn Sie lernen möchten, wie Sie den Markdown-Editor verwenden, können Sie diesen Artikel sorgfältig lesen, um mehr über die grundlegende Syntax von Markdown zu erfahren.

Neue Änderung

Wir haben einige Funktionserweiterungen und Grammatikunterstützungen für den Markdown-Editor durchgeführt. Zusätzlich zu den Standardfunktionen des Markdown-Editors haben wir die folgenden neuen Funktionen hinzugefügt, mit denen Sie ihn zum Bloggen verwenden können:

1. Das neue Interface-Design wird ein neues Schreiberlebnis bringen.
2. Legen Sie Ihren bevorzugten Code-Hervorhebungsstil im Erstellungscenter fest. Markdown zeigt den ausgewählten Hervorhebungsstil des Code-Slice an .
3. Fügt Bild per Drag & Drop - Funktion können Sie direkt per Drag & Drop lokale Bilder direkt in den Bearbeitungsbereich Anzeige;
4. Neue mathematische KaTeX-Formelgrammatik ;
5. Unterstützung für die Funktion der Meerjungfrauen-Grammatik ¹ des Gantt-Diagramms hinzugefügt ;
6. Verbesserte Bearbeitung von Markdown-Artikeln auf mehreren Bildschirmen ;
7. Erhöhter Fokusschreibmodus, Vorschaumodus, einfacher Schreibmodus, linker und rechter Bereich der Funktionen des Synchronrollensatzes , Funktionstasten in der Mitte des Bearbeitungsbereichs und Vorschaubereich;
8. Erhöhen Sie die Checklistenfunktion .

Funktionsverknüpfung

Rückgängig: Ctrl/Command+ Z
Redo: Ctrl/Command+ Y
Bold: Ctrl/Command+ B
Kursiv: Ctrl/Command+ I
Titel: Ctrl/Command+ Shift+ H
Ungeordnete Liste: Ctrl/Command+ Shift+ U
Geordnete Liste: Ctrl/Command+ Shift+ O
Checkliste: Ctrl/Command+ Shift+ C
Code eingeben: Ctrl/Command+ Shift+ K
Link einfügen: Ctrl/Command+ Shift+ L
Bild einfügen: Ctrl/Command+ Shift+G

Eine angemessene Erstellung von Überschriften ist hilfreich für die Erstellung des Katalogs

Geben Sie direkt einmal ein #und drücken spaceSie darauf, um eine Überschrift der Ebene 1 zu generieren.
Geben Sie es zweimal ein #und drücken spaceSie darauf, um eine Überschrift der Ebene 2 zu generieren.
Analog unterstützen wir Überschriften der Stufe 6. Es ist hilfreich, TOCnach Verwendung der Syntax ein perfektes Inhaltsverzeichnis zu erstellen.

So ändern Sie den Textstil

Hervorgehobener Text betonte Text

Fettgedruckter Text Fettdruck

Markup-Text

Text löschen

Zitierter Text

H ₂ O ist flüssig.

Das Ergebnis der 2 ¹⁰ -Operation ist 1024.

Link und Bild einfügen

Link: Link .

Bild:

Bild mit Abmessungen:

Zentriertes Bild:

Zentrierte und dimensionierte Bilder:

Um es für Benutzer bequemer zu machen, haben wir natürlich die Drag & Drop-Funktion für Bilder hinzugefügt.

So fügen Sie einen schönen Code ein

Gehen Sie zur Seite mit den Blog-Einstellungen und wählen Sie einen gewünschten Code-Hervorhebungsstil aus. Die gleiche Hervorhebung wird unten angezeigt 代码片.

// An highlighted block
var foo = 'bar';

Generieren Sie eine Liste, die zu Ihnen passt

• Projekt
  • Projekt
    • Projekt

1. Gegenstand 1
2. Punkt 2
3. Punkt 3

• Geplante Aufgaben
• Mission erfüllt

Erstellen Sie eine Tabelle

Eine einfache Tabelle wird wie folgt erstellt:

Projekt	Wert
Computer	$ 1600
Mobiltelefon	$ 12
Katheter	$ 1

Der Einstellungsinhalt ist zentriert, links, rechts

Verwenden Sie :---------:zentrierte
Verwendung :----------links
verwenden Sie Verwendung ----------:rechts

erste Reihe	die zweite Liste	Dritte Spalte
Die erste Textspalte ist zentriert	Die zweite Textspalte ist richtig	Die dritte Textspalte bleibt übrig

Klugscheißerchen

SmartyPants konvertiert ASCII-Interpunktionszeichen in "intelligente" gedruckte Interpunktions-HTML-Entitäten. Z.B:

ART	ASCII	HTML
Einzelne Backticks	'Isn't this fun?'	"Macht das nicht Spaß?"
Zitate	"Isn't this fun?"	"Macht das nicht Spaß?"
Striche	-- is en-dash, --- is em-dash	- ist en-dash, - ist em-dash

Erstellen Sie eine benutzerdefinierte Liste

Abschlag

Tool zur Konvertierung von Text in HTML

Autoren

John

Luke

So erstellen Sie eine Fußnote

Ein Text mit Fußnoten. ²

Kommentare sind ebenfalls wichtig

Markdown konvertiert Text in HTML .

KaTeX Matheformel

Mit KaTeX können Sie mathematische LaTeX-Ausdrücke rendern :

Die Gamma-Formel zeigt $\Gamma \left(n\right)=(n-\; -1)!\forall n\in N$ ist durch das Euler-Integral

$$\Gamma \left(z\right)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

Weitere Informationen zu mathematischen LaTeX- Ausdrücken finden Sie hier .

Neue Gantt-Diagrammfunktion zur Bereicherung Ihrer Artikel

• Informationen zur Gantt- Syntax finden Sie hier .

UML-Diagramm

Sie können UML-Diagramme zum Rendern verwenden. Meerjungfrau . Zum Beispiel ein Sequenzdiagramm, das wie folgt erstellt wurde:

Dadurch wird ein Flussdiagramm erstellt. ::

• Informationen zur Mermaid- Syntax finden Sie hier .

Flussdiagramm Flussdiagramm

Wir werden das Flussdiagramm des Flussdiagramms weiterhin unterstützen:

• Über Flussdiagramm Flussdiagramm Syntax Referenz hier .

Export und Import

Export

Wenn Sie diesen Editor ausprobieren möchten, können Sie diesen Artikel nach Belieben bearbeiten. Wenn Sie mit dem Schreiben eines Artikels fertig sind, der in der Symbolleiste der oben exportierten Artikel angezeigt wird , wird das Generieren einer MD- oder HTML-Datei lokal gespeichert.

Importieren

Wenn Sie eine von Ihnen geschriebene MD- oder HTML-Datei laden möchten, können Sie die Importfunktion in der oberen Symbolleiste auswählen, um die Datei mit der entsprechenden Erweiterung zu importieren und
die Erstellung fortzusetzen.

---

1. Beschreibung der Meerjungfrau- Syntax↩︎

2. Erläuterung der Fußnoten ↩︎