Aufgeladener Github-Markdown

Sehen Sie, wie vielseitig der Markdown von Github sein kann

Github Flavoured Markdown

Hallo, es ist wieder Tom (oder Ihre Lieblingsstimme von WaveNet, wenn Sie Vorlesen für die englische oder deutsche Version verwenden). Ich habe kürzlich einige nette und praktische Tricks für Github Markdown gesehen, die Sie vielleicht noch nicht kennen. Lass uns mal sehen!

Tastatürkürzel

Die Verwendung des Tags „“, das Sie vielleicht als Standard-HTML-Tag zur Beschreibung von Tastenkombinationen erkennen, ist auch für Github Markdown verfügbar. Fügen Sie einfach einen einfachen Text ein, der Ihre Verknüpfung zwischen zwei „“-Elementen beschreibt, und Github rendert sie korrekt.

### Keyboard shortcut

<kbd>Cmd + C</kbd>

<kbd>ESC</kbd>

Detail und Zusammenfassung

Bleiben wir noch etwas bei bekannten HTML-Tags und werfen einen Blick auf die Details und das Summary-Element. Wie in HTML ist ein Detailelement komprimierbar und blendet Informationen (die Detailzusammenfassung) aus, bis ein Benutzer die Detailansicht öffnet. Das gleiche ist auch in Githubs Markdown verfügbar.

### Summary and details

<details>
  <summary>A summary title</summary>
  And that's a summary content.
</details>

Farben

Beim Erstellen eines neuen Pull-Requests können Sie eine hexadezimale Farbdefinition in Backticks einfügen und Github rendert sie in Markdown als spezielles Farb-Tag. Das Element enthält nicht nur die Farbe in der Textvariante, sondern zeigt auch einen Punkt, der die definierte Farbe darstellt, um schnell zu sehen, wie sie aussieht.

### Colors

For your PR's pleasure:

`#3285A8`

Durchgestrichen

Wenn Sie am Anfang und am Ende der Textauswahl, die Sie durchstreichen möchten, jeweils zwei Tildensymbole verwenden, wird eine Durchstreichung angewendet. Beachten Sie, dass die Tilde-Symbole direkt an das erste und letzte Zeichen ohne Leerzeichen dazwischen angehängt werden müssen.

### Strikethrough

This a sentence. ~~This was a sentence.~~ 

Spezifische Codedefinition

Sie können einen Codeblock über drei Backticks am Anfang sowie am Ende Ihres Markdown-Codes definieren. Durch das direkte Anhängen der Programmiersprache an die ersten drei Backticks kann Github Markdown die korrekte Syntaxhervorhebung ableiten und die Lesbarkeit für Ihre Codeüberprüfungen verbessern.

### Specified code language

```typescript
function add(a: number, b: number){
  return a + b;
}

### Medien

Github unterstützt auch die Anzeige von Bildern und jetzt auch Videos inline im Markdown. Gut zu wissen: Sie können Medien hinzufügen, indem Sie entweder auf die entsprechende Schaltfläche im Markdown-Editor klicken - oder einfach per Drag & Drop.

## Ende eines kurzen Artikels

Wenn Sie diesen Artikel lesen, sind Sie höchstwahrscheinlich mit den meisten verfügbaren Elementen von Github Markdown vertraut. Die wenigen, die ich oben aufgelistet habe, sind Elemente, von denen ich noch nie gehört habe, daher dachte ich, dass es sinnvoll ist, sie mit Ihnen zu teilen. Vielleicht haben Sie sie jetzt auch zum ersten Mal gesehen und heute etwas Neues gelernt.

Tom