Markdown in Markdown-Kacheln verwenden

Wenn Sie Markdown in einer Textkachel verwenden möchten, wählen Sie beim Erstellen der Tile im Dashboard-Menü Hinzufügen die Option Markdown aus. Text-Kacheln sind eine neue Art von Looker-Textkachel, bei der kein Markdown verwendet wird, sondern stattdessen eine visuelle Bearbeitung.

Sie können Text-Kacheln in einem Dashboard verwenden, um die anderen Kacheln zu beschreiben und Zuschauern zu helfen, die Informationen auf diesen Kacheln zu verstehen. Die Markdown-Tiles von Looker unterstützen eine eingeschränkte Version der Markdown-Auszeichnungssprache in Text-Tiles. Sie haben die Möglichkeit, Ihren Text zu formatieren oder Links und Bilder hinzuzufügen, um Ihre Dashboards ansprechend zu gestalten.

In Markdown-Kacheln unterstützte Markdown-Syntax

Auf dieser Seite finden Sie die Markdown-Syntax, die für Markdown-Kacheln unterstützt wird. Jedes Beispiel wird zuerst in einem Codeblock und dann als Ergebnis angezeigt.

Die Stile, in denen die Markdown-Elemente auf Ihren Dashboard-Tiles gerendert werden, können von den hier gezeigten Stilen abweichen.

Header

Dashboards unterstützen die Kopfzeilenebenen 1 bis 6:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tabellen

Tabellenspalten werden an den breitesten Datenwert angepasst. Mit   können Sie Spalten verbreitern.

| Tables        | Are           | Cool  |
| ------------- | ------------- | ----- |
| leopards      | have spots    | $1600 |
| zebras        | have stripes      | $12   |
| polar bears        | are white     | $1    |

Eine Textkachel mit einer Markdown-Tabelle.

In Tabellenspalten wird nur die Linksbündig-Ausrichtung unterstützt.

Betonung

Emphasis (italics) with *asterisks* or _underscores_.

Strong emphasis (bold) with **double asterisks** or __double underscores__.

Combined emphasis with **asterisks and _underscores_**.

Eine Textkachel mit fetter und kursiver Schrift.

Nummerierte Listen

1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item

Eine Textkachel mit einer nummerierten Liste.

Unsortierte Listen

* Unordered lists can use asterisks
- or minuses
+ or pluses

Eine Textkachel, die eine ungeordnete Liste anzeigt.

Links können auf verschiedene Arten hinzugefügt werden, wie im folgenden Markdown-Code gezeigt:

[Inline-style link](https://www.looker.com)
[Reference-style link](Case-insensitive reference text)
[Relative reference to a public repository](../assets/images/dashboard-add-text.png)
[Number used for a reference-style link definition][1]

URLs in spitzen Klammern werden automatisch in Links umgewandelt. Beispiel: <looker.com> und looker.com.

Images

Auf Bilder kann über den Pfad oder die URL verwiesen werden.

Here's our logo:

URL-style:

<img src="url/to/image.png">

Inline-style:

![alt text](path/to/image.png)

Reference-style:

![alt text][logo]


Auf einer Textkachel wird das Google Cloud-Logo auf drei Arten angezeigt.

Wenn Sie die Größe des Bildes im Verhältnis zur Kachelgröße steuern möchten, rufen Sie das Bild in HTML auf und fügen Sie einen Prozentsatzparameter für die Größe hinzu. Im folgenden Beispiel wird die Größe mit dem Parameter width="50%" geändert:


<img src="path/to/image.png" width="50%">

Das Google Cloud-Logo ist auf 50 % der Breite festgelegt.

Alternativ können Sie auch explizite maximale Werte für Höhe und Breite angeben:


<img src="path/to/image.png" width="500px" height="30px">

Das Google Cloud-Logo hat eine Breite von 500 Pixeln.

Durch die Pixelparameter für Höhe und Breite wird das Bild NICHT genau auf diese Abmessungen festgelegt. Vielmehr ist das Seitenverhältnis für das Bild am besten geeignet. diese Einschränkungen berücksichtigen. Wenn beispielsweise die Abmessungen „width=100px height=30px“ für ein Bild festgelegt wurden, das ursprünglich 200 × 20 Pixel groß ist, ergibt sich ein Ergebnis von 100 × 10 Pixeln. Die Logik dahinter ist in etwa: „Bildbreite überschreitet das Maximum > Bild wird verkleinert, bis die maximale Breite erreicht ist.“

Code-Hervorhebung

`<script>Some code</script>.`

Eine Textkachel mit Code in Codeschriftart.

Horizontale Regel

Three or more hyphens

---

Asterisks

***

Underscores

___

Eine Textkachel mit Text und horizontalen Linien.


Blockzitate

> Blockquotes are very handy.
> This line is part of the same quote.

Eine Textkachel mit einem Blockzitat

Umbruch beim Anführungszeichen

> This is a very long line that will be quoted properly when it wraps. I will keep writing to make sure this is long enough to actually wrap for everyone. Also, you can *put* **Markdown** into a blockquote.

Eine Textkachel mit einem langen Zitat.

Nicht unterstützte Markdown-Syntax

Die folgende Markdown-Syntax wird in Dashboard-Markdown-Kacheln nicht unterstützt:

  • Mathematik
  • Bilder mit Alt-Text
  • Links mit Alt-Text
  • Sprachspezifische Syntaxhervorhebung
  • Mit zwei Tilden durchstreichen
  • Unterlisten
  • Einzug