Maison >Périphériques technologiques >Industrie informatique >Piciser vos e-mails avec Markdown
Markdown fournit un moyen simple de marquer du texte brut afin qu'il puisse être converti en html.
J'utilise Markdown quotidiennement pour écrire des documents, le contenu du site Web, etc. J'ai également composé beaucoup d'e-mails, j'ai donc été ravi de trébucher sur un moyen facile de créer de jolis e-mails HTML avec Markdown aussi.
Markdown ici (MDH) est une simple extension de navigateur qui peut être installée dans des navigateurs tels que Chrome, Firefox, Safari et Opera. Il ajoute une icône à la barre d'adresse de votre navigateur:
Ajoutez simplement la syntaxe de Markdown à votre e-mail et lorsque vous êtes prêt à envoyer, cliquez sur l'icône MDH. (Vous pouvez également activer MDH via un raccourci clavier de votre choix - Ctrl Alt M par défaut - ou un menu contextuel en déroute.) Cliquez sur cette icône signifie que tout votre bac est converti en HTML - vous finissez donc par envoyer un HTML e-mail. (Aucune marque n'est réellement envoyée avec l'e-mail, vous n'avez donc pas à vous soucier des clients des e-mails qui ne le comprennent pas.)
Par exemple, vous pouvez envoyer des e-mails qui ressemblent à ceci:
Si l'envoi d'e-mails dans le navigateur n'est pas votre truc, vous pouvez également utiliser MDH avec des clients de messagerie tels que Thunderbird, Postbox et Icedove.
et Markdown ici ne se limite pas aux e-mails. Vous pouvez l'utiliser dans d'autres interfaces d'édition Web telles que les groupes Google, Evernote et WordPress.
J'ai tendance à envoyer des e-mails directement via Gmail dans mon navigateur. C'est vraiment agréable de pouvoir améliorer les e-mails avec un formatage HTML, ce qui est facile avec Markdown.
J'ai souvent besoin d'envoyer des e-mails longs, et c'est super de pouvoir ajouter des en-têtes, des citations, du code en ligne, des blocs de code et des listes pour rendre l'e-mail lisible et briser le contenu.
Voici quelques exemples de ce que vous pouvez faire.
Étant impliqué dans la conception et le développement Web, j'envoie souvent des échantillons de code dans des e-mails. L'écriture du code en ligne est aussi simple à ce sujet:
You could try `.element {display: block;}` instead.
Après la conversion MDH, le texte ci-dessus ressemble à ceci:
et un bloc de code est également facile. Notez que vous pouvez spécifier la langue pour obtenir une belle syntaxe qui met en évidence:
```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 ```
Et c'est le résultat:
Il est pratique de pouvoir citer le texte dans un e-mail. Copier simplement le texte et placer un> avant qu'il ne soit super facile:
> Should I click this email link saying I'll win MM? Nah, maybe not.
résultant en ceci:
Plutôt que d'envoyer des URL longues et potentiellement disgracieuses, vous pouvez facilement les convertir en liens sympas et textaires:
There are some great articles on [SitePoint](https://www.sitepoint.com/).
qui rend comme SO:
Le texte est souvent plus facile à lire dans les listes. La création de listes commandées et non ordonnées est aussi simple que celle-ci:
- 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
C'est le résultat:
Vous pouvez marquer des titres comme ainsi:
# Heading One Some text ## Heading Two
Rendre ainsi:
Vous pouvez facilement ajouter des italiques et audacieux comme ça:
*These* are both _italic_, and **these** are both __bold__. And this is *__italic and bold__*.
qui apparaît comme ceci:
Si je change de sujet, il peut être agréable de jeter une règle horizontale:
End of one topic. --- Beginning of the next …
qui sort comme ceci:
Certes, j'ai rarement besoin de placer une table dans mes e-mails, mais c'est bien que vous puissiez:
Selector | Property | Value --- | --- | --- `body` | **color** | *#30353b* `.aside` | **float** | *right* `img` | **display** | *inline-block*
Le texte ci-dessus rend comme ceci:
Vous pouvez ajouter des images à votre e-mail, tant que vous pouvez les connecter quelque part en ligne:
Here's a cool picture of grass: 
MDH vous permet également d'ajouter des éléments HTML qui ne sont pas couverts par Markdown. Par exemple, vous pouvez ajouter un exposant:
This is the 1<sup>st</sup> presentation …
This text should be <s>crossed out</s>.
MDH utilise des styles de type github par défaut. Mais vous pouvez facilement personnaliser le style si vous le souhaitez. Par exemple, dans Chrome pour Mac, allez à la fenêtre> Extensions, où vous verrez l'extension MDH:
Cliquez sur le lien Options. Cela ouvre une page d'options très utiles, où vous pouvez modifier divers paramètres MDH, y compris les styles. Vous pouvez soit choisir parmi une liste de thèmes (y compris des spiffy populaires dans les éditeurs de code comme le texte sublime), soit écrire entièrement votre propre CSS:
Pendant que vous êtes sur cette page, assurez-vous de consulter les autres options disponibles, telles que la définition d'une combinaison de clavier préférée pour activer MDH.
MDH est facile à installer. Le site officiel fournit un certain nombre de liens par lesquels l'ajouter à votre navigateur ou client de messagerie. Vous pouvez également obtenir le code source du projet, hébergé chez GitHub, à partir de cette page.
Enfin, voici quelques liens vers des ressources pour l'utilisation et l'apprentissage de MDH:
J'espère que vous avez apprécié cette brève introduction à MDH. C'est une extension assez simple, mais je l'utilise tous les jours, et honnêtement, je détesterais être sans elle.
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 ```
Markdown est un langage de balisage léger que vous pouvez utiliser pour ajouter des éléments de mise en forme aux documents de texte en texte clair. Il a été créé par John Gruber en 2004 dans le but de faciliter la rédaction des gens en utilisant un format de texte brut facile à lire et facile à écrire, puis le convertir en HTML structurellement valide. En ce qui concerne les e-mails, l'utilisation de Markdown peut vous aider à créer un contenu plus attrayant et visuellement attrayant. Il vous permet d'ajouter des éléments comme des en-têtes, des liens, des puces, et plus encore, sans avoir besoin de connaître un HTML. Cela peut rendre vos e-mails plus lisibles et engageants, ce qui peut à son tour améliorer vos résultats de marketing par e-mail.
Pour commencer à utiliser Markdown dans vos e-mails, Vous devez d'abord apprendre la syntaxe de base. Cela inclut des choses comme comment créer des en-têtes, des liens, des listes, etc. Une fois que vous avez appris les bases, vous pouvez commencer à incorporer Markdown dans vos e-mails. Certains clients de messagerie et services prennent en charge la marque directement, tandis que d'autres peuvent vous obliger à convertir votre texte Markdown en HTML avant d'envoyer.
Tous les clients de messagerie ne prennent pas directement Markdown. Cependant, il existe de nombreux outils et extensions disponibles qui peuvent convertir votre texte Markdown en HTML, qui peut ensuite être collé en votre client de messagerie. Cela vous permet d'utiliser Markdown dans pratiquement tous les clients de messagerie.
Il existe de nombreuses façons d'utiliser Markdown pour améliorer vos e-mails . Par exemple, vous pouvez l'utiliser pour créer des en-têtes et des sous-chefs, pour rendre certains texte en gras ou en italique, pour créer des listes, pour ajouter des liens, et plus encore. Cela peut vous aider à créer des e-mails plus structurés et visuellement attrayants.
Un inconvénient potentiel pour utiliser Markdown dans vos e-mails est qu'il nécessite un peu un peu d'apprendre à l'avance. Cependant, la syntaxe est assez simple et il existe de nombreuses ressources disponibles pour vous aider à apprendre. De plus, tous les clients des e-mails ne prennent pas en charge directement Markdown, vous devrez donc peut-être utiliser un outil ou une extension pour convertir votre texte Markdown en html.
Oui , vous pouvez utiliser Markdown pour créer des e-mails HTML. Markdown est conçu pour être converti en HTML structurellement valide. Cela signifie que vous pouvez écrire votre e-mail dans Markdown, le convertir en HTML, puis l'envoyer sous forme de courriel HTML.
Il existe de nombreux outils et les extensions disponibles qui peuvent convertir votre texte de démarque en HTML. Certains d'entre eux sont des applications autonomes, tandis que d'autres sont des extensions pour les éditeurs de texte ou les clients de messagerie. Une fois que vous avez converti votre texte Markdown en HTML, vous pouvez le coller dans votre client de messagerie et l'envoyer sous forme de courriel HTML.
Oui , vous pouvez utiliser Markdown dans vos campagnes de marketing par e-mail. L'utilisation de Markdown peut vous aider à créer des e-mails plus attrayants et visuellement attrayants, ce qui peut à son tour améliorer vos résultats de marketing par e-mail.
Oui , il est possible d'utiliser Markdown en combinaison avec HTML dans vos e-mails. Vous pouvez écrire une partie de votre e-mail dans Markdown et une partie de celui-ci dans HTML, ou vous pouvez utiliser Markdown pour créer la structure de base de votre e-mail, puis ajouter des éléments HTML supplémentaires au besoin.
Oui, vous pouvez utiliser Markdown pour formater vos signatures de messagerie. Cela peut être un excellent moyen d'ajouter une touche professionnelle à vos e-mails. Vous pouvez utiliser Markdown pour ajouter des éléments comme du texte audacieux ou italique, des liens, et plus encore à votre signature.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!