Lassen Sie mich Ihnen von den grundlegenden Konzepten und Vorteilen von Markdown erzählen
Markdown ist eine Markup -Sprache, die in einem normalen Texteditor geschrieben werden kann. Durch die einfache Markup -Syntax kann es zu einem bestimmten Format sind, dass gewöhnliche Textinhalte ein bestimmtes Format haben.
Markdown ist eine leichte Markup -Sprache mit vielen Vorteilen und wird derzeit von immer mehr Schreibbegeisterten und Schriftstellern verwendet. Bitte lassen Sie sich nicht durch Marken und Sprache verwirrt, wenn Sie dies sehen. Die Syntax von Markdown ist sehr einfach. Es gibt nicht mehr als zehn häufig verwendete Markup -Symbole. Im Vergleich zur komplexeren HTML -Markup -Sprache ist der Markdown sehr leicht und erfordert nicht zu viele Lernkosten. Sobald Sie mit dieser Syntax-Regel vertraut sind, wird sie eine einmalige und für alle Effekte haben.
Vorteile der Verwendung von Markdown
Konzentrieren Sie sich auf Ihren Textinhalt anstelle von Schrift und schreiben Sie mit Sicherheit.
Exportieren Sie einfach HTML-, PDF- und .MD -Dateien.
Einfacher Textinhalt, kompatibel mit allen Text -Editoren und Textverarbeitungssoftware.
Ändern Sie Ihre Artikelversion jederzeit, ohne mehrere Dateiversionen wie Textverarbeitungssoftware generieren zu müssen, die zu Verwirrung führen können.
Lesbare, intuitive und niedrige Lernkosten.
Markdown ist eine gute Markup -Sprache und wird als Editorsyntax immer beliebter. Bootstrap ist ein Front-End-Framework . Die Frage ist also, dass Markdowns Bildmarkup wie :! [Alt] (URL), das normalerweise auf der Seite in HTML konvertiert wird. Wie füge ich dem Bild zu diesem Zeitpunkt die bildanpassungsbezogenen Attribute von Bootstrap hinzu.
wie:
<img Alt = ”Wuhan Optical Valley” src = ”http://cdn.tanteng.me/uploads/2016/05/guang-gu.jpg” class = ”img-responsive”>
Verwenden Sie einfach JS:
<scriptType = "text/javaScript"> $ (". Inhalt img")Vergessen Sie nicht, hinzuzufügen:
<metaname = "viewPort" content = "width = Gerätebidth, initial-scale = 1">
Auf diese Weise können die Bilder automatisch auf dem kleinen Bildschirm des Mobiltelefons skaliert werden, ohne das adaptive Layout von Bootstrap zu beeinflussen. Das .img-responsive Attribut ist tatsächlich das Attribut, das Bild und die maximale Breite zu blockieren: 100% des Attributs.
Das obige ist das relevante Wissen über die Kombination von Markdown und Bootstrap, um adaptive Attribute von Bildern zu erreichen, die der Editor einführt. Ich hoffe, es wird für alle hilfreich sein!