Markdown unterstützt HTML. Wenn Sie also ein YouTube -Video einbetten müssen, können Sie den Einbettungscode einfach kopieren und einfügen, es in ein Markdown -Dokument fallen und sollten gut gehen. Mit YouTube speziell gibt es andere Optionen. Aber im Allgemeinen müssen Sie nichts Besonderes tun, um Medien von Drittanbietern in Markdown einzubetten.
Sie müssen jedoch alles tun, was für diesen bestimmten Service notwendig ist. Zum Beispiel besuchen Sie auf CodePen einen bestimmten Stift, um den Einbettungscode zu erhalten, auf "Einbetten" in die Fußzeile zu klicken, Optionen auszuwählen und letztendlich den Einbettungscode zu erhalten. Auf Twitter klicken Sie auf ein Down -Ding -Ding -Ding und wählen ein Einbettentweet. Sie werden dann auf eine andere Website weitergeleitet, auf der Sie Optionen auswählen und letztendlich den Einbettencode erhalten. Bei jedem Service ist es anders.
Das ist der Geist hinter Gatsby-Remark-Embeder aus Michaël de Boey, den ich kürzlich gesehen habe. Es schreibt das aus:
Der Versuch, bekannte Dienste (wie CodePen, Codesandbox, Folien, SoundCloud, Spotify, Twitter oder YouTube) in Ihre Gatsby -Website einzubetten, kann schwierig sein, da Sie wissen müssen, wie dies für all diese verschiedenen Dienste erfolgen muss.
Mit diesem Plugin können Sie eine URL auf das, was Sie versuchen, in eine eigene Zeile einbetten, fallen zu lassen, und sie wird magisch in den Einbettencode umgewandelt. Zum Beispiel setzen Sie eine URL auf einen Stift wie diesen:
https://codepen.io/coderesting/pen/ylyajmz
… Und du bekommst:
<iframe src="https://codepen.io/team/codepen/embed/preview/pnagbb" style="Breite: 100%; Höhe: 300px;"> </iframe>
… Bis der Inhalt zum DOM führt.
Als Eigentümer von CodePen kann ich nicht anders, als Sie daran zu erinnern, dass Sie dies so tun können, dass Sie kein Thema haben oder es bearbeitbar machen können. Aber hey, ich verstehe es.
Was ich für ein Smidge lustig halte, ist, dass ... genau das Oembed ist. Der ganze Geist von Oembed ist: "Setzen Sie eine URL auf eine Sache in seine eigene Linie und wir werden versuchen, es in eine Einbettung für Sie zu schaffen." Es ist eine klar definierte Spezifikation und es gibt eine klare Datenquelle von Websites, die die Funktion unterstützen.
Aber ich nehme an, es ist ein Versagen von Oembed, dass die Leute es entweder nicht wissen oder es nicht benutzen. Sogar Embentut scheint ein bisschen tot zu sein?
Das obige ist der detaillierte Inhalt vonEingebetteter Inhalt in Markdown. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Die Fluid-Typografie ist die Idee, dass sich die Schriftgröße (und möglicherweise andere Attribute vom Typ, wie z. Der Kerntrick stammt aus Ansichtsfenster. Sie können buchstäblich setzen

Ich muss nur zwei Kisten nebeneinander setzen und ich höre, dass Flexbox gut in solchen Sachen ist.

Oooo! Ein bonafide Trick von Thomas Steiner. Chrome wird bald SVG Favicons (z. B.) unterstützen. Und Sie können CSS in ein SVG mit a einbetten

Zum ersten Mal hier auf CSS-Tricks werden wir eine Post-of-Year-Serie von Posts durchführen. Wie ein Adventskalender -Riff schau uns nur an, wir schlagen die

Sie alle kennen das berühmte Pac-Man-Videospiel, oder? Das Spiel macht Spaß und der Bauen eines animierten Pac-Man-Charakters in HTML und CSS macht genauso Spaß! Ich werde Ihnen zeigen, wie es geht

Die Welt der Webentwicklung hatte schon immer eine Lücke zwischen der Übergabe von Design-Development. Ehrgeizige Designer wollen das Endergebnis ihrer Bemühungen, um zu schauen

Ich weiß. Du hasst Parallaxe. Sie wissen, was wir mehr hassen sollten? Wenn Dinge, die früher im Web funktionierten, ohne klare Warnung oder Idee aufhören, warum.

In dieser Woche ist Roundup: Firefoxs neuer Kontrastprüfer, eine einfachere Möglichkeit zu Lasso -Substrings in einer Saite und eine neue experimentelle API, mit der Apps gespielt werden lässt


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

ZendStudio 13.5.1 Mac
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver Mac
Visuelle Webentwicklungstools

SecLists
SecLists ist der ultimative Begleiter für Sicherheitstester. Dabei handelt es sich um eine Sammlung verschiedener Arten von Listen, die häufig bei Sicherheitsbewertungen verwendet werden, an einem Ort. SecLists trägt dazu bei, Sicherheitstests effizienter und produktiver zu gestalten, indem es bequem alle Listen bereitstellt, die ein Sicherheitstester benötigen könnte. Zu den Listentypen gehören Benutzernamen, Passwörter, URLs, Fuzzing-Payloads, Muster für vertrauliche Daten, Web-Shells und mehr. Der Tester kann dieses Repository einfach auf einen neuen Testcomputer übertragen und hat dann Zugriff auf alle Arten von Listen, die er benötigt.

VSCode Windows 64-Bit-Download
Ein kostenloser und leistungsstarker IDE-Editor von Microsoft

Dreamweaver CS6
Visuelle Webentwicklungstools