Menggunakan Markdown dalam tile Markdown

Untuk menggunakan Markdown dalam kartu teks, pilih Markdown dari menu Tambahkan di dasbor saat Anda membuat kartu. Kartu Teks adalah jenis baru kartu teks Looker yang tidak menggunakan Markdown, tetapi memberikan pengalaman pengeditan visual.

Anda dapat menggunakan kartu teks di dasbor untuk mendeskripsikan kartu lainnya dan membantu penonton memahami informasi yang ditampilkan kartu tersebut. Kartu Markdown Looker mendukung versi terbatas bahasa markup Markdown di kartu teks, yang memberi Anda opsi untuk memformat teks atau menambahkan link dan gambar yang dapat membuat dasbor Anda terlihat menarik.

Sintaksis Markdown yang didukung di kartu Markdown

Halaman ini mencantumkan sintaksis Markdown yang didukung untuk kartu Markdown, dengan setiap contoh ditampilkan terlebih dahulu dalam blok kode, lalu sebagai hasilnya.

Gaya render elemen Markdown di kartu dasbor Anda mungkin berbeda dengan gaya yang ditampilkan di sini.

Header

Dasbor mendukung tingkat header 1-6:

## Header level 1

### Header level 2

#### Header level 3

##### Header level 4

###### Header level 5

####### Header level 6

Tabel

Ukuran kolom tabel disesuaikan dengan nilai data terluas. Anda dapat menggunakan   untuk menambahkan lebar ke kolom.

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

Kartu teks yang menampilkan tabel Markdown.

Hanya justifikasi kiri yang didukung di kolom tabel.

Penekanan

Emphasis (italics) with *asterisks* or _underscores_.

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

Combined emphasis with **asterisks and _underscores_**.

Kartu teks yang menampilkan font tebal dan teks miring.

Daftar bernomor

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

Kartu teks yang menampilkan daftar bernomor.

Daftar yang tidak diurutkan

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

Kartu teks yang menampilkan daftar tidak urut.

Link dapat ditambahkan dengan beberapa cara, seperti yang ditunjukkan dalam Markdown berikut:

[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]

URL dalam tanda kurung sudut akan otomatis diubah menjadi link. Misalnya, <looker.com> dan looker.com.

Image

Gambar dapat direferensikan berdasarkan jalur atau URL.

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]


Kartu teks menampilkan logo Google Cloud yang dirujuk dengan tiga cara.

Untuk mengontrol ukuran gambar sehubungan dengan ukuran ubin, gunakan HTML untuk memanggil gambar dan menambahkan parameter ukuran persen. Contoh berikut mengubah ukuran menggunakan parameter width="50%":


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

Logo Google Cloud ditetapkan ke lebar 50%.

Atau, Anda dapat memberikan maksimum tinggi dan lebar eksplisit seperti ini:


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

Logo Google Cloud ditetapkan ke lebar 500 piksel.

Parameter piksel tinggi dan lebar TIDAK akan menetapkan gambar ke dimensi yang tepat tersebut; melainkan, rasio aspek gambar akan "cocok" dengan batasan tersebut. Misalnya, jika dimensi "width=100px height=30px" ditetapkan pada gambar yang awalnya berukuran 200x20 piksel, hasilnya akan menjadi 100x10 piksel karena logikanya kira-kira "lebar gambar melebihi maksimum > perkecil hingga lebar maksimum tercapai".

Sorotan kode

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

Kartu teks yang menampilkan kode dalam gaya font kode.

Garis horizontal

Three or more hyphens

---

Asterisks

***

Underscores

___

Kartu teks yang menampilkan teks dan aturan horizontal.


Kutip blok

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

Kartu teks yang menampilkan blockquote.

Jeda penawaran harga

> 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.

Kartu teks yang menampilkan blockquote panjang.

Sintaksis Markdown yang tidak didukung

Sintaksis Markdown berikut tidak didukung di kartu Markdown dasbor:

  • Matematika
  • Gambar dengan teks alternatif
  • Link dengan teks alternatif
  • Penyorotan sintaksis khusus bahasa
  • Coretan menggunakan dua tilde
  • Sublist
  • Indentasi