ให้ฉันบอกคุณเกี่ยวกับแนวคิดพื้นฐานและข้อดีของ Markdown
Markdown เป็นภาษามาร์กอัปที่สามารถเขียนได้ในตัวแก้ไขข้อความปกติ ผ่านไวยากรณ์มาร์กอัปอย่างง่ายสามารถทำให้เนื้อหาข้อความธรรมดามีรูปแบบที่แน่นอน
Markdown เป็นภาษามาร์กอัปที่มีน้ำหนักเบาที่มีข้อได้เปรียบมากมายและปัจจุบันมีการใช้กันอย่างแพร่หลายโดยผู้ที่ชื่นชอบการเขียนและนักเขียนมากขึ้นเรื่อย ๆ โปรดอย่าสับสนกับเครื่องหมายและภาษาเมื่อคุณเห็นสิ่งนี้ ไวยากรณ์ของ Markdown นั้นง่ายมาก มีสัญลักษณ์มาร์กอัปที่ใช้กันทั่วไปไม่เกินสิบสัญลักษณ์ เมื่อเทียบกับภาษามาร์กอัป HTML ที่ซับซ้อนมากขึ้น Markdown นั้นมีน้ำหนักเบามากและไม่ต้องการค่าใช้จ่ายในการเรียนรู้มากเกินไป เมื่อคุณคุ้นเคยกับกฎไวยากรณ์นี้มันจะมีครั้งเดียวและสำหรับเอฟเฟกต์ทั้งหมด
ข้อดีของการใช้ Markdown
มุ่งเน้นเนื้อหาข้อความของคุณแทนแบบอักษรและเขียนด้วยความอุ่นใจ
ส่งออกไฟล์ HTML, PDF และ. MD ได้อย่างง่ายดายของคุณเอง
เนื้อหาข้อความธรรมดาเข้ากันได้กับตัวแก้ไขข้อความทั้งหมดและซอฟต์แวร์ประมวลผลคำ
แก้ไขเวอร์ชันบทความของคุณได้ตลอดเวลาโดยไม่ต้องสร้างไฟล์หลายรุ่นเช่นซอฟต์แวร์การประมวลผลคำที่อาจทำให้เกิดความสับสน
ค่าใช้จ่ายในการเรียนรู้ที่อ่านง่ายและใช้งานง่าย
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-sesponsive”>
เพียงแค่ใช้ JS:
<scriptType = "text/javascript"> $ (". content img"). addClass ('IMG-responsive'); </script>อย่าลืมเพิ่ม:
<metaname = "viewport" content = "width = ความกว้างของอุปกรณ์, ระดับเริ่มต้น = 1">
ด้วยวิธีนี้รูปภาพสามารถปรับขนาดโดยอัตโนมัติบนหน้าจอขนาดเล็กของโทรศัพท์มือถือโดยไม่ส่งผลกระทบต่อรูปแบบการปรับตัวของ bootstrap แอตทริบิวต์. IMG-Responsive จริง ๆ แล้วคุณลักษณะของการปิดกั้นภาพและความกว้างสูงสุด: 100% ของแอตทริบิวต์
ข้างต้นเป็นความรู้ที่เกี่ยวข้องเกี่ยวกับการรวม markdown และ bootstrap เพื่อให้ได้คุณสมบัติการปรับตัวของรูปภาพที่ตัวแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!