EN: Read in English
Dunia 5: Kerja Berpasukan
Jadual, senarai tugas, amaran, Mermaid
Anda akan belajar: cara tambah kotak tanda, jadual, kotak amaran dan rajah dalam Markdown.
Teks BM belum disemak oleh penutur asli.
Masalahnya
Pelan Hari Terbuka
Amaran
Laman mesti siap sebelum Jumaat!
Tugas
| Tugas | Siapa | Siap? |
|---|---|---|
| Halaman utama | Aina | Ya |
| Halaman acara | Mei | Belum |
Senarai tugas
- Pilih tarikh
- Cetak poster
- Uji di telefon
Aliran kerja
flowchart LR
A[Idea] --> B[Issue] --> C[Pull request]Pelan kelab ini ada kotak amaran, jadual, kotak tanda dan rajah. Semuanya teks biasa! Jom belajar setiap helah.
Cuba
senarai tugas (task list): Senarai Markdown dengan kotak tanda: - [ ] belum, - [x] siap. (task list) ada kotak tanda. - [ ] maksudnya belum siap. - [x] maksudnya siap. Tandakan “Pilih tarikh”. Biarkan “Cetak poster” terbuka.
Tukar dua baris itu jadi kotak tanda. Hanya Pilih tarikh yang siap.
Pratonton
Senarai tugas
- Pilih tarikh
- Cetak poster
0 daripada 2 matlamat siap
Petunjuk
Dalam kurungan segi empat: x untuk siap, jarak untuk belum siap.Cuba
Jadual letak garis tegak | antara sel. Satu baris istimewa duduk di bawah baris atas. Tekan baris itu.
Tekan baris yang jadikan baris atas sebagai kepala jadual.
0 daripada 1 dijumpai
Cuba
amaran (alert) (alert): Kotak Markdown berwarna untuk nota, tip atau amaran, contohnya > [!WARNING]. (alert) ialah kotak berwarna. Letak > [!WARNING] pada baris sendiri, di atas petikan. Yang lain ialah NOTE, TIP, IMPORTANT dan CAUTION.
Tukar petikan ini jadi kotak amaran.
Pratonton
Buat salinan kerja anda dulu.
0 daripada 1 matlamat siap
Petunjuk
Baris pertama hanya> [!WARNING]. Baris seterusnya pun bermula dengan >.Teka
Blok kod bertanda mermaid jadi rajah. Apa yang GitHub tunjuk untuk blok ini?
flowchart LR
A[Idea] --> B[Issue] --> C[Pull request]Pilih satu jawapan.
Semak
Helah mana yang mana? Susun setiap baris.
Seret kad ke dalam kotak. Atau ketik kad, kemudian ketik kotak.
Anda berjaya!
Kini anda boleh tambah kotak tanda, jadual, kotak amaran dan rajah dalam Markdown.
Nak tahu lebih (pilihan)
Titik bertindih dalam baris sengkang susun lajur: :--- kiri, :---: tengah, ---: kanan. NOTE untuk info tambahan. WARNING untuk perkara mendesak. CAUTION beri amaran tentang akibat berisiko. Mermaid juga boleh lukis rajah jujukan dan carta pai. GitHub boleh lukis peta (geojson) dan model 3D (stl) juga.
English
The club’s plan has a warning box, a table, tick boxes and a diagram. Every bit is plain text! Let’s learn each trick.
A task list has tick boxes. - [ ] means not done. - [x] means done. Tick “Pick a date”. Leave “Print posters” open.
A table puts pipes | between cells. One special line sits under the top row. Tap that line.
An alert is a coloured box. Put > [!WARNING] on its own line, above the quote. The others are NOTE, TIP, IMPORTANT and CAUTION.
> [!WARNING]. The next line starts with > too.A code block marked mermaid becomes a diagram. What does GitHub show for this one?
flowchart LR
A[Idea] --> B[Issue] --> C[Pull request]
Which trick is which? Sort each line.
You can now add tick boxes, tables, alert boxes and diagrams to Markdown.
Anda dah siapkan ini. Latihan lagi pun bagus!
Dokumentasi rasmi: Basic writing and formatting syntax (alerts, task lists) · Organizing information with tables · Creating diagrams
Anda dah belajar 25 minit. Rehat sekejap bantu otak anda.
Pecutan selesai! Fokus yang hebat. Regangkan badan seminit?