Markdownでメールをスパイスします

Markdownは、HTMLに変換できるように、プレーンテキストをマークアップする簡単な方法を提供します。

毎日マークダウンを使用して、ドキュメント、ウェブサイトのコンテンツなどを書きます。私もたくさんのメールを作成しているので、マークダウンでもきれいなHTMLメールを作成する簡単な方法につまずくことができてうれしかったです。

キーテイクアウト

Markdownは、見出し、引用符、インラインコード、コードブロック、リストなど、HTMLフォーマットを備えたプレーンテキストメールを強化するシンプルで効果的な方法を提供します。これは、Chrome、Firefox、Safari、Operaと互換性のあるブラウザ拡張機能であるMarkdown（MDH）を使用して、Thunderbird、Postbox、Icedoveなどのクライアントにメールで行うことができます。

MDHは、個人的な好みに合わせてカスタマイズできます。デフォルトではGitHubのようなスタイルを使用しますが、ユーザーはテーマのリストから選択したり、独自のCSSを作成したりできます。 MDHをアクティブにするための優先キーボードの組み合わせなどのその他の設定は、オプションページで調整することもできます。
• すべての電子メールクライアントがMarkdownを直接サポートしているわけではありませんが、MDHなどのツールはMarkdownテキストをHTMLに変換でき、事実上すべての電子メールクライアントと互換性があります。これにより、視覚的に魅力的で魅力的な電子メールを作成できます。
• ここにマークダウン
Markdown Here（MDH）は、Chrome、Firefox、Safari、Operaなどのブラウザにインストールできるシンプルなブラウザー拡張機能です。ブラウザのアドレスバーにアイコンを追加します：

メールにマークダウン構文を追加するだけで、送信する準備ができたら、MDHアイコンをクリックします。 （また、選択したキーボードショートカット（デフォルトではCtrl Alt M）またはドロップダウンコンテキストメニューを介してMDHをアクティブにすることもできます。）そのアイコンをクリックすると、すべてのマークダウンがHTMLに変換されることを意味します。メール。 （実際にメールが送信されることはありませんので、電子メールクライアントがそれを理解していないことを心配する必要はありません。）

たとえば、

このように見えるメールを送信できます。

その他の使用

ブラウザで電子メールを送信することはあなたのものではない場合は、Thunderbird、Postbox、IcedoveなどのメールクライアントでMDHを使用することもできます。 ここでのマークダウンは

とメールに限定されません。 Google Groups、Evernote、WordPressなどの他のWeb編集インターフェイスで使用できます。 htmlメールの作成

ブラウザのGmailを介して直接メールを送信する傾向があります。 Markdownで簡単なHTMLフォーマットでメールを強化できるのは本当に素晴らしいことです。

長いメールを送信する必要があることがよくありますが、見出し、引用符、インラインコード、コードブロック、リストを追加して、電子メールを読み取り可能にしてコンテンツを解散できることは素晴らしいことです。

ここにあなたができることのいくつかの例があります。

code

Webデザインと開発に関与しているため、電子メールでコードサンプルを送信することがよくあります。インラインコードを作成するのはこれが簡単です：

You could try `.element {display: block;}` instead.

MDH変換の後、上記のテキストは次のようになります：

そしてコードのブロックも簡単です。素敵な構文の強調表示を取得するために言語を指定できることに注意してください：

```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
```

そしてこれが結果です：

引用

メールでテキストを引用できるのは便利です。簡単になる前にテキストをコピーして配置するだけです：

> Should I click this email link saying I'll win MM?

Nah, maybe not.

これに至る：

リンク

長くて見苦しいURLを送信するのではなく、簡単にテキストベースのリンクに簡単に変換できます。

それはそうするようにレンダリングします：

There are some great articles on [SitePoint](https://www.sitepoint.com/).

リスト

テキストは、リストで読みやすいことがよくあります。秩序化されていないリストを作成することは、これと同じくらい簡単です：

これが結果です：

- 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

見出し

次のような見出しをマークアップできます

したがって、

レンダリング：

# Heading One

Some text

## Heading Two

強調

簡単にイタリックを追加して大胆に追加できます：

このように表示される

：

*These* are both _italic_, and **these** are both __bold__. 
And this is *__italic and bold__*.

水平ルール

トピックを変更した場合、水平方向のルールを投げるのはいいことです：

このような出力：

End of one topic.

---

Beginning of the next …

表

確かに、私は私のメールにテーブルを置く必要はめったにありませんが、あなたができることは素晴らしいことです：

上記のテキストは次のようにレンダリングします：

Selector    |   Property        |   Value
---         |   ---             |   ---
`body`      |   **color**       |   *#30353b*
`.aside`    |   **float**       |   *right*
`img`       |   **display**     |   *inline-block*

画像

メールに画像を追加できます。オンラインでどこかにリンクできる限り、画像を追加できます。

その他のHTML要素

Here's a cool picture of grass:

![grass](https://unsplash.it/600/200?image=487)

MDHでは、MarkdownでカバーされていないHTML要素を追加することもできます。たとえば、superscript：

を追加できます

This is the 1<sup>st</sup> presentation …

スタイリング

MDHは、デフォルトでGitHubのようなスタイルを使用します。ただし、必要に応じてスタイリングを簡単にカスタマイズできます。たとえば、Chrome for Macでは、Window> Extensionsに移動します。MDH拡張機能が表示されます。

[オプション]リンクをクリックします。これにより、非常に便利なオプションページが開き、スタイルを含むさまざまなMDH設定を変更できます。テーマのリスト（Sublime Textのようなコードエディターで人気のあるいくつかのspiffyのリストを含む）から選択するか、独自のCSSを完全に書くことができます：

このページにいる間は、MDHをアクティブにするための優先キーボードの組み合わせを設定するなど、他の利用可能なオプションをチェックしてください。 インストール

MDHは簡単にインストールできます。公式サイトは、ブラウザまたは電子メールクライアントに追加するための多くのリンクを提供します。また、そのページからGitHubでホストされているプロジェクトのソースコードを入手することもできます。

追加リソース

最後に、MDHについて使用および学習するためのリソースへのリンクをいくつか紹介します：

MDHホームページ

MDHは一目で機能します

MDHインストールページ
便利なMDHチートシート
MDHのヒントとトリックのリスト
mdh wikiページ
他のアプリとの互換性のガイド
githubのMDHリポジトリ。
• wlap up
• MDHのこの簡単な紹介を楽しんでいただければ幸いです。それは非常に単純な拡張機能ですが、私は毎日それを使用しています、そして正直なところ、それがなくても嫌いでしょう。

メールでマークダウンを使用することに関するよくある質問（FAQ）

マークダウンとは何ですか？なぜメールでそれを使用する必要がありますか？

---

You could try `.element {display: block;}` instead.

マークダウンは、テキストドキュメントにフォーマット要素を追加するために使用できる軽量のマークアップ言語です。 2004年にJohn Gruberによって作成され、読みやすく簡単に操作しやすいプレーンテキスト形式を使用して、簡単に書くことができ、構造的に有効なHTMLに変換しました。メールに関しては、Markdownを使用すると、より魅力的で視覚的に魅力的なコンテンツを作成することができます。 HTMLを知る必要なく、ヘッダー、リンク、箇条書きなどの要素をすべて追加できます。これにより、メールをより読みやすく魅力的にすることができ、メールマーケティングの結果を改善できます。

```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の使用を開始するにはどうすればよいですか？最初に基本的な構文を学ぶ必要があります。これには、ヘッダー、リンク、リストなどを作成する方法などが含まれます。基本を学んだら、メールにマークダウンの組み込みを開始できます。一部の電子メールクライアントとサービスはマークダウンを直接サポートしていますが、送信する前にマークダウンテキストをHTMLに変換する必要がある場合もあります。

メールクライアントでマークダウンを使用できますか？

すべての電子メールクライアントがマークダウンを直接サポートしているわけではありません。ただし、マークダウンテキストをHTMLに変換できる多くのツールと拡張機能があり、電子メールクライアントに貼り付けることができます。これにより、事実上あらゆるメールクライアントでマークダウンを使用できます。

メールでマークダウンを使用する方法の例は何ですか？ 。たとえば、それを使用して、ヘッダーとサブヘッダーを作成し、特定のテキストを太字または斜体に作成して、リストを作成してリンクを追加するなどします。これは、より構造化された視覚的に魅力的なメールを作成するのに役立ちます。

メールでマークダウンを使用するには欠点がありますか？前払いの学習。ただし、構文は非常に簡単で、学習に役立つリソースがたくさんあります。さらに、すべての電子メールクライアントがマークダウンを直接サポートしているわけではないため、ツールまたは拡張機能を使用してマークダウンテキストをHTMLに変換する必要がある場合があります。 、Markdownを使用してHTMLメールを作成できます。 Markdownは、構造的に有効なHTMLに変換されるように設計されています。これは、MarkDownでメールを書き込み、HTMLに変換してからHTMLメールとして送信できることを意味します。マークダウンテキストをHTMLに変換できる拡張機能。これらのいくつかはスタンドアロンアプリケーションであり、他のものはテキストエディターまたは電子メールクライアントの拡張機能です。マークダウンテキストをHTMLに変換したら、メールクライアントに貼り付けてHTMLメールとして送信できます。 、メールマーケティングキャンペーンでマークダウンを使用できます。 Markdownを使用すると、より魅力的で視覚的に魅力的な電子メールを作成することができます。これにより、メールマーケティングの結果が向上します。 、メールでHTMLと組み合わせてマークダウンを使用することができます。 Markdownでメールの一部をHTMLで記述するか、MarkDownを使用してメールの基本構造を作成して、必要に応じて追加のHTML要素を追加します。私の電子メールの署名？

はい、Markdownを使用して電子メールの署名をフォーマットできます。これは、メールにプロのタッチを追加するのに最適な方法です。マークダウンを使用して、太字や斜体のテキストやリンクなどの要素を署名に追加できます。

以上がMarkdownでメールをスパイスしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。