Rumah > alat pembangunan > VSCode > Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

藏色散人
Lepaskan: 2022-08-05 10:06:43
ke hadapan
4468 orang telah melayarinya

Kata Pengantar

Mereka yang pernah menulis blog atau dokumen di github harus tahu kepentingan sintaks Markdown Rakan yang tidak tahu, jangan risau . Catatan blog ini menguasai sintaks Markdown dengan mudah. Ngomong-ngomong, sintaks ini sangat mudah dan anda boleh memahaminya sepintas lalu Jika anda tidak percaya saya, cuma klik dan lihat.

1. Kekunci pintasan

功能 快捷键
加粗 Ctrl B
斜体 Ctrl I
引用 Ctrl Q
插入链接 Ctrl L
插入代码 Ctrl K
插入图片 Ctrl G
提升标题 Ctrl H
有序列表 Ctrl O
无序列表 Ctrl U
横线 Ctrl R
撤销 Ctrl Z
重做 Ctrl Y

2. Sintaks asas

2.1 Tetapan fon condong, tebal, coret

*Ini teks*
_Ini adalah teks_
**Teks di sini**
***Teks ​​di sini***
~~Teks di sini~~

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.2 Tajuk gred

Kaedah penulisan 1:

# Tajuk peringkat pertama

## Tajuk peringkat kedua

# ## Tahap 3 tajuk

#### Tajuk Tahap 4

###### Tajuk Tahap 5

###### Tajuk Tahap 6

Ini kaedah penulisan mempunyai kesan yang sama seperti **teks**

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Kaedah penulisan 2:

Ini ialah tajuk peringkat pertama
=============================

Atau

Tajuk Tahap 2
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.3 Pautan

(1) Masukkan pautan imej setempat

Sintaks Terdapat dua cara untuk menulis peraturan:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Nota: Anda tak perlu tulis penerangan gambar ni.

Contoh gambar adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(2) Sisipkan gambar di Internet

Peraturan tatabahasa:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Nota: Anda tidak perlu menulis penerangan gambar ini.

Contohnya adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(3) Sambungan automatik

Markdown menyokong pemprosesan URL dan e-mel dalam bentuk pautan automatik yang lebih pendek Selagi peti mel dibalut dengan , Markdown akan menukarnya secara automatik menjadi pautan. Anda juga boleh menulisnya secara langsung atau memaparkannya sebagai pautan

Contohnya:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.4 Garis pemisah

Anda boleh menggunakan lebih daripada tiga asterisk (*), tanda tolak (-), dan garis bawah (_) dalam baris untuk membuat garis pemisah dan mesti tiada perkara lain dalam baris itu. Anda juga boleh memasukkan ruang antara asterisk atau tanda tolak.

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.5 Blok Kod

Fungsi ini penting untuk pengaturcara. Terdapat dua cara untuk memasukkan kod program lekukan (tab), dan satu lagi ialah menggunakan simbol "`" Inggeris (biasanya di bawah kekunci ESC, kekunci yang sama seperti ~) untuk membungkus kod.

(1) Blok kod: inden 4 ruang atau 1 tab. Kesannya adalah seperti berikut:
Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(2) Gaya sebaris: Jika anda perlu memetik kod dalam baris, hanya gunakan backticks ` (biasanya di bawah kekunci ESC, kekunci yang sama seperti ~ )

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(3) Blok kod berbilang baris dan penyerlahan sintaks: Gunakan tiga petikan belakang tunggal "`" untuk membalut baris sebelumnya dan seterusnya bagi blok kod yang perlu diserlahkan, itu sahaja.
Contohnya adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(4) Blok kod mengandungi kod html

Dalam blok kod, & ,

Nota: HTML tidak disokong dalam blok kod Jianshu.

Contoh adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.6 Sebut Harga

Tambah > sebelum teks yang dipetik ; simbol, dan ruang sudah cukup Jika hanya simbol >

(1) Penggunaan asas

penggunaan adalah seperti yang ditunjukkan di bawah:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(2) Penggunaan rujukan bersarang

digunakan seperti yang ditunjukkan dalam rajah:
Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)
(3) Rujukan kepada elemen lain

Sintaks Markdown lain juga boleh digunakan dalam blok yang disebut, termasuk tajuk, senarai, blok kod, dsb.

digunakan seperti yang ditunjukkan dalam rajah:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.7 Senarai

(1) Senarai tidak tertib

Gunakan *, , - untuk mewakili senarai tidak tertib.

Nota: Mesti ada ruang selepas simbol untuk bertindak sebagai inden.

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(2) Senarai tertib

Gunakan nombor dan titik bahasa Inggeris untuk mewakili senarai tersusun.

Nota: Mesti ada ruang selepas tempoh Bahasa Inggeris untuk bertindak sebagai inden.

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(3) Senarai tidak tersusun dan senarai tersusun digunakan serentak

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(4) Senarai bercampur dengan unsur lain Senarai

bukan sahaja boleh digunakan secara bersendirian, tetapi juga sintaks Markdown lain, termasuk tajuk, petikan, blok kod, dsb.

Nota:

(1) Kesan tebal tidak boleh digunakan secara langsung dalam tajuk senarai, tetapi boleh bersarang dalam senarai untuk kegunaan campuran.
(2) Senarai mengandungi blok kod (didahului dengan 2 tab atau 8 ruang, dan baris kosong diperlukan, jika tidak, ia tidak akan dipaparkan).
.
Contoh penggunaan adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(5) Nota

Apabila menggunakan senarai, asalkan ia adalah selepas nombor Menambah titik bahasa Inggeris akan membuat senarai secara tidak sengaja, sebagai contoh, 2017.12.30 Apa yang anda ingin nyatakan pada masa ini ialah beberapa perisian tersalah anggap ia adalah senarai. Penyelesaian: Hanya tambahkannya di hadapan setiap titik.

Seperti yang ditunjukkan di bawah:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2.8 Jadual

Kaedah asas penulisan jadual adalah sangat mudah, sama seperti jadual Bentuknya sangat serupa:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Penjajaran jadual: Kita boleh menentukan penjajaran sel jadual Titik bertindih di sebelah kiri bermaksud dijajar ke kiri, di sebelah kanan bermakna sejajar, dan pada kedua-dua belah pihak.

Seperti yang ditunjukkan di bawah:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3. Teknik biasa

3.1 Pemisahan baris

Kaedah 1: Masukkan lebih daripada dua ruang berturut-turut
Kaedah 2: Gunakan teg pemisah baris bahasa html:

3.2 Inden aksara

ialah ruang Kosong berterusan atau ruang separuh lebar atau ruang lebar penuh atau 

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3.3 Simbol khas

(1) Untuk simbol sintaks dalam Markdown , tambahkan garis miring ke belakang di hadapannya untuk memaparkan simbol itu sendiri.

Contohnya adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

(2) Watak istimewa lain, contohnya adalah seperti berikut:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)
Ingin mengetahui surat-menyurat aksara Untuk kod Unicode, anda boleh melihat laman web ini: https://unicode-table.com/cn/

Dilampirkan carta perbandingan sokongan aksara khas oleh beberapa alatan:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3.4 Fon, saiz fon dan warna

Markdown ialah bahasa markup yang boleh ditulis menggunakan editor teks biasa, melalui Tatabahasa penanda seperti HTML, yang membenarkan kandungan teks biasa mempunyai format tertentu. Tetapi ia sendiri tidak menyokong fungsi seperti mengubah suai fon, saiz fon dan warna!

Editor CSDN-markdown ialah versi terbitannya, yang memanjangkan fungsi Markdown (seperti jadual, nota kaki, HTML terbenam, dll.)! Ya, ia adalah HTML terbenam Fungsi yang akan dibincangkan seterusnya perlu dilaksanakan menggunakan kaedah HTML terbenam.

Edit fon, saiz fon dan warna seperti berikut

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

Sila lihat jadual di bawah untuk pengelasan dan penandaan warna tertentu:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3.5 Operasi lanjutan pautan

Operasi lanjutan pautan (ini perlu dikuasai, ia sangat berguna)

1. Sebaris

Bahagian pautan sintaks asas kedua di atas telah diluluskan, jadi saya tidak akan terus menerangkannya di sini.

2. Pautan rujukan

Tulis![pautan gambar atau URL][tanda] di hujung dokumen yang anda ingin masukkan gambar dan tulis [ tanda] di hujung dokumen ]: Alamat imej "tajuk". ("Tajuk" terakhir tidak perlu diisi)

Contoh adalah seperti berikut:
Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3 🎜> dalam perenggan Isi [TOC] untuk memaparkan struktur jadual kandungan kandungan teks penuh.

4. Titik sauh

Titik sauh sebenarnya adalah hiperpautan pada halaman. Sebagai contoh, jika saya menulis titik utama di sini dan klik untuk kembali ke direktori, saya boleh melompat ke direktori. Klik pada bahagian ini dalam jadual kandungan untuk melompat kepadanya.

Nota:

Apabila menggunakan mata sauh dalam buku pendek, klik akan membuka halaman semasa yang baharu Walaupun mata sauh tidak begitu selesa untuk digunakan, anda boleh menggunakan nota kaki untuk mencapai fungsi ini.

Perihalan sintaks:

Masukkan titik penambat {# mark} selepas tajuk tertentu yang anda rancang untuk melompat ke, dan kemudian tulis pautan ke sauh di tempat lain dalam dokumen Klik pautan.

digunakan seperti yang ditunjukkan dalam rajah di bawah:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)5. >

Tambahkan nama nota kaki [^nama nota kaki] selepas teks yang perlu ditambah sebagai nota kaki, yang dipanggil anotasi. Kemudian tambahkan nota kaki di mana-mana dalam teks (biasanya di hujungnya mesti ada nama nota kaki yang sepadan sebelum nota kaki).

Contohnya adalah seperti berikut:

Nota:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)Nota kaki dialihkan secara automatik ke tamat, sila Pergi ke penghujung artikel untuk melihat, dan pautan di belakang nota kaki boleh melompat terus kembali ke tempat nota kaki itu ditambahkan.

Memandangkan Jianshu tidak menyokong mata utama, anda boleh menggunakan nota kaki untuk melompat ke dalam halaman.
  • 3.6 Warna latar belakang

  • Markdown sendiri tidak menyokong tetapan warna latar belakang dan perlu dilaksanakan menggunakan html terbina dalam: dengan bantuan table, tr , td dan atribut bgcolor tag jadual lain untuk melaksanakan fungsi warna latar belakang. Contohnya adalah seperti berikut:

3.7 emotikon emoji

<table><tr><td bgcolor=orange>背景色是:orange</td></tr></table>
Salin selepas log masuk

emotikon emoji menggunakan format: EMOJICODE:, senarai terperinci boleh dilihat Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

https://www.webpagefx.com/tools/emoji-cheat-sheet/

Sudah tentu, banyak alat atau tapak web markdown tidak menyokongnya sekarang.

Berikut ialah perbandingan beberapa platform:

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

4. Penggunaan mewah

4.1 Formula matematik lateks

Gunakan formula matematik LaTex

1. Formula sebaris: Gunakan dua pasang simbol "$" untuk merujuk formula:

$Formula$

2 " simbol kepada formula rujukan :

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)                                                                                                                                                                                                                                                                                                                                                                                                                Paparan:

4.3 Buat senarai tugasan - Senarai tugasan

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

4.4 Lukis rajah jujukan

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

4.5 Lukis carta Gantt

Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

5. Alat Markdown perisian markdownpad menggunakan bahasa markdown untuk menulis nota. Alamat muat turun laman web rasmi: http://markdownpad.com/

Rajah skema selepas perisian dipasang adalah seperti yang ditunjukkan di bawah: Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

2. Youdao Cloud Notes menyokong sintaks markdownpad. Laman web rasmi: http://note.youdao.com/ Ia mempunyai versi web dalam talian dan versi PC yang boleh dimuat turun. Sudah tentu, Youdao Cloud Notes juga menyokong sintaks HTML.

Contoh penggunaan penurunan harga pada versi web adalah seperti berikut:


Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh)

3 Edit penurunan harga dalam talian https://www.zybuluo.com/mdeditor

Atas ialah kandungan terperinci Pemahaman menyeluruh tentang sintaks Markdown dalam satu artikel (dengan gambar dan contoh). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan