การตั้งค่าข้อกำหนดเบื้องต้น:
หากต้องการดูว่าการซ้อนรายการทำงานอย่างไร เราจำเป็นต้องมีเครื่องมือหรือซอฟต์แวร์ที่เราสามารถใช้สคริปต์มาร์กดาวน์ได้ เราพบว่า Visual Studio Code เป็นแอสเซมเบลอร์ที่ดีที่สุดสำหรับสคริปต์ markdown ในการใช้ภาษามาร์กดาวน์ เราต้องทำการเปลี่ยนแปลงบางอย่างตามข้อกำหนดของงาน เราได้เปิดตัว VS Code และสร้างไฟล์โครงการใหม่ โดยค่าเริ่มต้น จะเปิดไฟล์ข้อความอย่างง่าย แต่เราจำเป็นต้องทำงานกับมาร์กดาวน์ ดังนั้นเราจะเปลี่ยนประเภทไฟล์ ตัวเลือก 'ข้อความธรรมดา' อยู่ที่มุมขวาของแถบสถานะและใช้เพื่อเปลี่ยนประเภทไฟล์ เมื่อคุณวางเคอร์เซอร์ไว้ ระบบจะขอให้เลือกโหมดภาษา
เมื่อกดเข้าไปจะมีเมนูปรากฏขึ้น คุณเพียงแค่ต้องเขียน 'Markdown' เพื่อเลือกภาษาที่ทำเครื่องหมายไว้
การดำเนินการนี้จะเปลี่ยนประเภทไฟล์ของเราจาก 'ข้อความธรรมดา' เป็น 'มาร์กดาวน์'
คุณสามารถดูในสแนปชอตก่อนหน้าว่าประเภทไฟล์ในขณะนี้คือ 'Markdown'
หลังจากนั้น เราต้องเพิ่มส่วนขยายสำหรับสคริปต์มาร์กดาวน์เพื่อดูตัวอย่างและทำงานอย่างถูกต้อง ในการเพิ่มส่วนขยายนี้จากแถบเครื่องมือด้านซ้าย ตัวเลือกการตั้งค่าจะให้กล่องตัวเลือกที่เราได้เลือกตัวเลือก 'ส่วนขยาย'
นี้จะเปิดหน้าต่าง เราต้องเขียนนามสกุลเป็น 'Markdown All in One' และติดตั้ง
ตอนนี้ นามสกุล markdown ถูกเพิ่มในไฟล์ของเราสำเร็จแล้ว
สิ่งสุดท้ายที่เราต้องทำคือเปิดหน้าต่างแสดงตัวอย่างเพื่อดูผลลัพธ์ของสคริปต์ที่เราสร้างขึ้น สามารถเปิดหน้าต่างแสดงตัวอย่างได้โดยคลิกปุ่ม 'Ctrl+Shift+V' หรือคุณสามารถคลิกไอคอนที่มีปุ่มอยู่ที่มุมบนขวาของเครื่องมือ
การคลิกจะเป็นการแบ่งหน้าต่างออกเป็นสองหน้าจอ อันแรกจะใช้ในการป้อนสคริปต์ในขณะที่เอาต์พุตของสคริปต์จะแสดงในหน้าต่าง 'ดูตัวอย่าง'
ตอนนี้เราสามารถใช้เครื่องมือนี้เพื่อเริ่มทำงานกับสคริปต์มาร์กดาวน์ได้ มาสำรวจสคริปต์กันตอนนี้
หลบหนี Backticks ใน Markdown:
ใน Markdown แบ็คทิกจะใช้สำหรับสร้างบล็อคโค้ด เมื่อเราแทรก backtick หมายถึงการเริ่มข้อมูลโค้ดใน Markdown เพิ่ม backtick เดียวที่จุดเริ่มต้นและจุดสิ้นสุดของรหัสแต่ละบรรทัดเพื่อสร้างบล็อคโค้ดแบบอินไลน์ในเอกสาร เนื่องจาก backticks เหล่านี้ จึงเป็นเรื่องยากที่จะแสดง backticks เป็นข้อความในเอกสารโดยไม่เปิดใช้งานการสร้างบล็อกโค้ด ในบทช่วยสอนนี้ เราจะทำงานเกี่ยวกับวิธีที่เราสามารถหลีกเลี่ยง backtick เพื่อให้เราสามารถรวมเป็นข้อความแทนที่จะถือว่าเป็นการเริ่มต้นของไวยากรณ์ของโค้ด
วิธีที่ง่ายที่สุดในการข้าม backtick คือการเพิ่มแบ็กสแลช (\) ก่อนใส่เครื่องหมายย้อนกลับ ถ้าคุณไม่เพิ่มแบ็กสแลช แบ็กสแลชที่คุณต้องการเพิ่มเป็นข้อความ และแบ็กสแลชถัดไปในโค้ดจะถูกแทรก ข้อความใดก็ตามที่คุณจะเพิ่มเข้าไประหว่างข้อความเหล่านั้นจะถือเป็นบล็อคโค้ด ดังนั้นเพื่อหลีกเลี่ยงการแทรกแบ็กสแลชนี้ ก่อนอื่นเราจะเพิ่ม backticks เพื่อสร้างบล็อคโค้ด จากนั้นจะเรียนรู้การหลีกเลี่ยง backtick ใน markdown ในการสาธิตนี้
เราได้สร้างส่วนหัวสำหรับเอกสารของเราก่อน ในการสร้างส่วนหัวระดับแรก เราจำเป็นต้องแทรกสัญลักษณ์แฮช (#) ตัวเดียว เพิ่มช่องว่าง แล้วระบุข้อความสำหรับส่วนหัว เราได้จัดเตรียมข้อความว่า 'Markdown Backtick' ในการสร้างบล็อคโค้ด ขั้นแรกเราได้เพิ่ม backtick (`) และเว้นวรรคหลังจากนั้น จากนั้น เราเขียนข้อความเป็น 'Sample Text' ตามด้วยช่องว่างที่ใช้ backtick ปิด ตอนนี้ backticks ทั้งสองนี้จะพิจารณาข้อความที่อยู่ระหว่างพวกเขาเป็นส่วนข้อมูลโค้ดและจะแสดงผลเป็นบล็อกโค้ด
สิ่งนี้ทำให้เรามีส่วนหัว 'Markdown Backtick' และข้อความที่เราได้กล่าวไว้ข้างต้นในรูปแบบบล็อกโค้ด คุณสามารถดูผลลัพธ์ที่คาดหวังได้ในภาพรวมหน้าต่างแสดงตัวอย่างที่เราให้ไว้ด้านล่าง:
ตอนนี้ เพื่อหลีกหนี backtick นี้และแสดงข้อความเป็นข้อความปกติและไม่ใช่บล็อกโค้ด เราต้องใช้แบ็กสแลช (\) ก่อน backtick เริ่มต้นและก่อนปิด backtick ดังนั้น เราจะใช้เคล็ดลับนี้กับบล็อกโค้ดด้านบนเพื่อแสดงเป็นข้อความปกติโดยเพิ่มแบ็กสแลช
เราได้สร้างส่วนหัวที่มีข้อความว่า 'Markdown Escaping a Backtick' หลังจากข้ามบรรทัด เราได้เพิ่มแบ็กสแลชตามด้วยเครื่องหมายย้อนกลับ เว้นวรรคแล้วระบุข้อความเป็น 'ข้อความตัวอย่าง' ก่อนเพิ่ม backtick ปิด เราได้แทรกแบ็กสแลชอื่น
หน้าต่างแสดงตัวอย่างจะแสดงผลที่คาดไว้โดยที่สตริงข้อความแสดงเป็นข้อความปกติที่มีเครื่องหมายย้อนกลับ ดังนั้นเราจึงได้เพิ่ม backtick โดยไม่เรียกใช้ฟังก์ชันเพื่อเปลี่ยนข้อความเป็นบล็อกโค้ด
ในกรณีข้างต้น ข้อความจะถูกตัดระหว่าง backtick สองอัน หากเราต้องการเพิ่ม backtick เดียวในบล็อกโค้ดโดยไม่พิจารณาว่าเป็นไวยากรณ์ในการสร้างบล็อกโค้ด สำหรับสิ่งนี้ เราได้เพิ่ม backtick สองตัว ช่องว่าง และข้อความว่า “เรากำลังเพิ่ม backtick: ` ” คุณจะเห็นว่าที่นี่เราต้องการแสดง backtick โดยไม่ต้องใช้เป็นส่วนหนึ่งของไวยากรณ์ จากนั้นเราให้พื้นที่และเพิ่ม backticks ปิดสองอัน
ผลลัพธ์ที่คาดหวังจะถูกนำมาแสดง มีบล็อกรหัสที่มี backtick เป็นส่วนหนึ่งของมัน
ตอนนี้เราจะสร้างตัวอย่างอื่นเพื่อทำความเข้าใจแนวคิด ที่นี่ เราจะสร้างนิพจน์ทางคณิตศาสตร์และเขียนเป็นบล็อกโค้ดใน markdown ให้สอดคล้องกับข้อความปกติ เราได้เขียนไว้ว่า “ถ้า `y = 9` หมายความว่า `y -3 = 6` “ ที่นี่เราใช้ backticks บน 'y = 9' และ 'y-3 = 6' เพื่อสร้างบล็อคโค้ดทั้งสองแบบ
ดังนั้นเราจึงได้ผลลัพธ์ที่คาดหวังไว้ซึ่งสามารถเห็นได้ในภาพด้านล่าง:
ในการหลีกเลี่ยง backticks เหล่านี้และการแสดง backticks เป็นส่วนหนึ่งของข้อความปกติ เราต้องแทรกแบ็กสแลชก่อน backticks ทั้งสองคู่
นิพจน์ทางคณิตศาสตร์ที่เราเพิ่มเข้าไปจะแสดงด้วยเครื่องหมายย้อนกลับเป็นข้อความปกติและเป็นบล็อกโค้ดในมาร์กดาวน์
บทสรุป
เครื่องหมายย้อนกลับจะถูกเพิ่มลงใน markdown เพื่อสร้างข้อความหรือสคริปต์เฉพาะที่แสดงในบล็อคโค้ด ในคู่มือนี้ เราได้กล่าวถึงความจำเป็นในการหลีกเลี่ยง backtick เมื่อเราต้องการเพิ่มเนื้อหาเป็นข้อความปกติที่มี backticks โดยไม่เรียกฟังก์ชันการทำงาน เราได้พูดคุยกันถึงวิธีการใช้ backticks เพื่อสร้างบล็อคโค้ด จากนั้นเราได้จัดเตรียมวิธีแก้ปัญหาให้กับคุณ ซึ่งก็คือการเพิ่มแบ็กสแลช (\) ก่อน backtick เพื่อให้แสดงเป็นข้อความปกติและจะไม่เปิดใช้งานบล็อกโค้ด การสร้าง