Markdown bietet eine einfache Möglichkeit, Klartext zu markieren, damit er in html konvertiert werden kann.
Ich benutze täglich Markdown, um Dokumente, Website -Inhalte usw. zu schreiben. Ich komponiere auch viele E -Mails, also freute ich mich, auf einfache Weise zu stolpern, um hübsche HTML -E -Mails mit Markdown zu erstellen.
Markdown hier (MDH) ist eine einfache Browser -Erweiterung, die in Browsern wie Chrome, Firefox, Safari und Opera installiert werden kann. Es fügt der Adressleiste Ihres Browsers ein Symbol hinzu:
Zum Beispiel können Sie E -Mails senden, die so aussehen:
und Markdown hier sind nicht auf E -Mail beschränkt. Sie können es in anderen Webbearbeitungsschnittstellen wie Google Groups, Evernote und WordPress verwenden.
Erstellen von HTML -E -Mails
Ein
Hier sind einige Beispiele dafür, was Sie tun können.
Da ich an Webdesign und -entwicklung beteiligt bin, sende ich häufig Code -Beispiele in E -Mails. Das Schreiben von Inline -Code ist in diesem Bereich genauso einfach:
You could try `.element {display: block;}` instead.
Nach der MDH -Konvertierung sehen der obige Text so aus:
und ein Codeblock ist auch einfach. Beachten Sie, dass Sie die Sprache angeben können, um eine schöne Syntax -Hervorhebung zu erhalten:
```javascript (function() { var method; var noop = function () {}; var methods = [ 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log' ]; var length = methods.length; var console = (window.console = window.console || {}); }()); // From the HTML5 Boilerplate ```
Und das ist das Ergebnis:
Es ist praktisch, Text in einer E -Mail zitieren zu können. Einfach den Text kopieren und ein> platzieren, bevor es super einfach ist:
> Should I click this email link saying I'll win MM? Nah, maybe not.
führt dazu:
Anstatt lange, potenziell unansehnliche URLs zu senden, können Sie sie leicht in schöne, textbasierte Links umwandeln:
There are some great articles on [SitePoint](https://www.sitepoint.com/).
was wie SO:
macht
Text ist oft einfacher in Listen zu lesen. Das Erstellen geordneter und ungeordneter Listen ist so einfach wie folgt:
- first item in an unordered list - second item in an unordered list 1. first item in an ordered list 1. second item in an ordered list
Dies ist das Ergebnis:
Sie können Überschriften wie SO markieren:
# Heading One Some text ## Heading Two
rendern so:
Sie können leicht kursiv und fett hinzufügen:
*These* are both _italic_, and **these** are both __bold__. And this is *__italic and bold__*.
, was so erscheint:
Wenn ich das Thema ändere, kann es schön sein, eine horizontale Regel einzuwerfen:
End of one topic. --- Beginning of the next …
, die wie folgt ausgibt:
Zugegeben, ich muss selten einen Tisch in meine E -Mails platzieren, aber es ist schön, dass Sie:
könnenSelector | Property | Value --- | --- | --- `body` | **color** | *#30353b* `.aside` | **float** | *right* `img` | **display** | *inline-block*
Der obige Text rendert wie folgt:
Sie können Ihre E -Mail Bilder hinzufügen, solange Sie lange an irgendwo online verlinken können:
Here's a cool picture of grass: 
MDH können Sie auch HTML -Elemente hinzufügen, die nicht durch Markdown abgedeckt werden. Zum Beispiel können Sie Superscript hinzufügen:
This is the 1<sup>st</sup> presentation …
This text should be <s>crossed out</s>.
mdh verwendet standardmäßig Github-ähnliche Stile. Sie können das Styling jedoch problemlos anpassen, wenn Sie möchten. Gehen Sie beispielsweise in Chrome für Mac zu Fenster> Erweiterungen, wo Sie die MDH -Erweiterung sehen:
Klicken Sie auf den Link der Optionen. Dadurch werden eine sehr nützliche Optionenseite geöffnet, auf der Sie verschiedene MDH -Einstellungen, einschließlich Stile, ändern können. Sie können entweder aus einer Liste von Themen wählen (einschließlich einiger spiffyer, die in Code -Editoren wie Sublime Text beliebt sind) oder Ihr eigenes CSS vollständig schreiben:
Während sich auf dieser Seite befinden, überprüfen Sie die anderen verfügbaren Optionen, z. B. die Einstellung einer bevorzugten Tastaturkombination zum Aktivieren von MDH.
MDH ist einfach zu installieren. Die offizielle Site bietet eine Reihe von Links, über die sie zu Ihrem Browser oder E -Mail -Kunden hinzugefügt werden können. Sie können auch den Quellcode des Projekts, der bei GitHub gehostet wird, von dieser Seite erhalten.
Schließlich finden Sie hier einige Links zu Ressourcen für die Verwendung und das Erlernen von MDH:
Ich hoffe, Sie haben diese kurze Einführung in MDH genossen. Es ist eine ziemlich einfache Erweiterung, aber ich benutze sie jeden Tag und würde ehrlich gesagt hassen, ohne sie zu sein.
You could try `.element {display: block;}` instead.
```javascript (function() { var method; var noop = function () {}; var methods = [ 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log' ]; var length = methods.length; var console = (window.console = window.console || {}); }()); // From the HTML5 Boilerplate ```
Wie kann ich den Markdown in meinen E -Mails verwenden? Sie müssen zunächst die grundlegende Syntax lernen. Dies beinhaltet Dinge wie das Erstellen von Headern, Links, Listen und mehr. Sobald Sie die Grundlagen gelernt haben, können Sie den Markdown in Ihre E -Mails einbeziehen. Einige E -Mail -Clients und Dienste unterstützen den Markdown direkt, während andere möglicherweise benötigen, um Ihren Markdown -Text in HTML zu konvertieren, bevor Sie sie senden.
Nicht alle E -Mail -Clients unterstützen den Markdown direkt. Es stehen jedoch viele Tools und Erweiterungen zur Verfügung, mit denen Sie Ihren Markdown -Text in HTML umwandeln können, die dann in Ihren E -Mail -Client eingefügt werden können. Auf diese Weise können Sie den Markdown in praktisch jedem E -Mail -Client verwenden. . Sie können es beispielsweise verwenden, um Header und Subheader zu erstellen, bestimmte Text kühn oder kursiv zu erstellen, Listen zu erstellen, Links hinzuzufügen und vieles mehr. Dies kann Ihnen helfen, strukturiertere und visuell ansprechende E -Mails zu erstellen. im Voraus lernen. Die Syntax ist jedoch recht einfach und es stehen viele Ressourcen zur Verfügung, mit denen Sie lernen können. Darüber hinaus unterstützen nicht alle E -Mail -Clients den Markdown direkt. Möglicherweise müssen Sie einen Tool oder eine Erweiterung verwenden, um Ihren Markdown -Text in HTML zu konvertieren.
Kann ich Markdown in meinen E -Mail -Marketingkampagnen verwenden? Sie können Markdown in Ihren E -Mail -Marketingkampagnen verwenden. Mit Markdown können Sie dabei helfen, ansprechendere und visuell ansprechende E -Mails zu erstellen, die wiederum Ihre E -Mail -Marketingergebnisse verbessern können. Es ist möglich, Markdown in Kombination mit HTML in Ihren E -Mails zu verwenden. Sie können einen Teil Ihrer E -Mail in Markdown und einen Teil davon in HTML schreiben, oder Sie können mit Markdown die Grundstruktur Ihrer E -Mail erstellen und dann zusätzliche HTML -Elemente hinzufügen. Meine E -Mail -Signaturen? Dies kann eine großartige Möglichkeit sein, Ihren E -Mails eine professionelle Note zu verleihen. Sie können Markdown verwenden, um Elemente wie mutige oder kursive Text, Links und mehr zu Ihrer Signatur hinzuzufügen.
Das obige ist der detaillierte Inhalt vonGeben Sie Ihre E -Mails mit Markdown auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!