Markdown เป็น "ภาษาตลาด" ที่มีน้ำหนักเบาซึ่งมีข้อได้เปรียบมากมายและปัจจุบันมีการใช้กันอย่างแพร่หลายโดยผู้ที่ชื่นชอบการเขียนและนักเขียนมากขึ้นเรื่อย ๆ โปรดอย่าสับสนกับ "เครื่องหมาย" และ "ภาษา" เมื่อคุณเห็นสิ่งนี้ ไวยากรณ์ของ Markdown นั้นง่ายมาก มีสัญลักษณ์มาร์กอัปที่ใช้กันทั่วไปไม่เกินสิบสัญลักษณ์ เมื่อเทียบกับภาษามาร์กอัป HTML ที่ซับซ้อนมากขึ้น Markdown นั้นมีน้ำหนักเบามากและไม่ต้องการค่าใช้จ่ายในการเรียนรู้มากเกินไป เมื่อคุณคุ้นเคยกับกฎไวยากรณ์นี้มันจะมีครั้งเดียวและสำหรับเอฟเฟกต์ทั้งหมด
ข้อดีของการใช้ Markdown
1. มุ่งเน้นไปที่เนื้อหาข้อความของคุณแทนที่จะเป็นแบบอักษรและเขียนด้วยความอุ่นใจ
2. ส่งออกไฟล์ HTML, PDF และ. MD ได้อย่างง่ายดาย
3. เนื้อหาข้อความธรรมดาเข้ากันได้กับตัวแก้ไขข้อความทั้งหมดและซอฟต์แวร์ประมวลผลคำ
4. แก้ไขเวอร์ชันบทความของคุณได้ตลอดเวลาและไม่จำเป็นต้องสร้างไฟล์หลายรุ่นเช่นซอฟต์แวร์การประมวลผลคำเพื่อทำให้เกิดความสับสน
5. ค่าใช้จ่ายในการเรียนรู้ที่อ่านง่ายและใช้งานง่าย
ความเข้าใจผิดของการใช้ markdown
Markdown ได้รับการออกแบบให้รัดกุมและมีประสิทธิภาพ เนื่องจากการทำเครื่องหมายที่ง่ายต่อการอ่านและง่ายต่อการเขียนผู้คนจึงใช้ภาษาการเขียนโปรแกรมที่แตกต่างกันเพื่อใช้ตัวแยกวิเคราะห์และเครื่องกำเนิดไฟฟ้าหลายรุ่น สิ่งนี้นำไปสู่การรวมเครื่องมือการทำเครื่องหมายที่แตกต่างกันกับฟังก์ชั่นที่แตกต่างกัน (ฟังก์ชั่นพื้นฐานมีค่าประมาณเดียวกัน) เช่นแผนภูมิการไหลและแผนภูมิเวลาการนำเสนอของตารางที่ซับซ้อนและสูตรที่ซับซ้อน แม้ว่าฟังก์ชั่นที่หลากหลายจะไม่มีข้อเสียที่สำคัญ แต่ก็ค่อนข้างขัดกับความตั้งใจดั้งเดิม ยิ่งกว่านั้นมันเป็นปัญหามากในกระบวนการเขียนและมันก็ไม่ได้มีประสิทธิภาพเท่ากับการเขียนด้วยเครื่องมือระดับมืออาชีพ ดังนั้นหากคุณต้องการใช้ฟังก์ชั่นที่ซับซ้อนเครื่องมืออินเตอร์เฟสกราฟิกระดับมืออาชีพจะสะดวกกว่า
Markdown เป็นภาษามาร์กอัปที่ดีและได้รับความนิยมมากขึ้นเรื่อย ๆ ในฐานะไวยากรณ์ของบรรณาธิการ Bootstrap เป็นกรอบส่วนหน้า ดังนั้นคำถามก็คือมาร์กอัปรูปภาพของ Markdown เช่น:! [alt] (URL) ซึ่งมักจะแปลงเป็น HTML บนหน้า จะเพิ่มแอตทริบิวต์การปรับภาพของ Bootstrap ให้กับภาพได้อย่างไรในเวลานี้ IMG-Responsive?
ตัวอย่างเช่น: <img alt =” Wuhan Optical Valley” src =” http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg” class =” img-responsive”>
เพียงแค่ใช้ JS:
<scriptType = "text/javascript"> $ (". content img"). addClass ('IMG-responsive'); </script>อย่าลืมเพิ่ม:
<metaname = "viewport" content = "width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1">
ด้วยวิธีนี้รูปภาพสามารถปรับขนาดโดยอัตโนมัติบนหน้าจอขนาดเล็กของโทรศัพท์มือถือโดยไม่ส่งผลกระทบต่อรูปแบบการปรับตัวของ bootstrap แอตทริบิวต์. IMG-Responsive จริง ๆ แล้วคุณลักษณะของการปิดกั้นภาพและความกว้างสูงสุด: 100% ของแอตทริบิวต์
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน