これはコピーされた記事です

微信公式排版ツール。質問や提案は、公式アカウントにメッセージを残してください。プログラマーの再生

最適な効果を得るために、Chromeブラウザを使用することをお勧めします。

WeChat 公式エディタを使用すると、非常に頭痛の問題が発生します：貼り付けたコードの書式が崩れ、スペースが小さく、行番号が付いていて、非常に醜いです。Markdown.com.cn エディタは、この問題を解決することができます。

Markdown は、軽量の「マークアップ言語」です。

ツールの使用方法については、以下のテキストをお読みください。この記事は、そのままコピーして WeChat でプレビューすることができます。

1 Markdown.com.cn の紹介#

カスタムスタイルの Markdown エディタをサポート
WeChat 公式アカウント、Zhihu、および Xitu をサポート
右上の対応するアイコンをクリックして、各プラットフォームに一括コピー

2 Markdown の文法チュートリアル#

2.1 タイトル#

異なる数の#を使用して、異なるタイトルを作成できます。以下のように：

一番目のタイトル#

二番目のタイトル#

三番目のタイトル#

2.2 フォント#

太字、斜体、太字と斜体、取り消し線は、テキストの前後に異なるマークを追加する必要があります。以下のように：

これは太字です

これは斜体です

これは太字と斜体です

~ ここで取り消し線を使いたいです～～

注：フォントの色、フォント、または中央揃えを変更する場合は、埋め込み HTML を使用する必要があります。

2.3 箇条書きリスト#

箇条書きリストの使用方法は、-の後にスペースを追加することです。以下のように：

無序リスト 1
無序リスト 2
無序リスト 3

リストの階層を制御するには、-の前にスペースを追加する必要があります。以下のように：

無序リスト 1
無序リスト 2
- 無序リスト 2.1
- 無序リスト 2.2

WeChat の制限のため、最大で 2 階層のリストのみサポートされています。

2.4 番号付きリスト#

番号付きリストの使用方法は、数字と.の後にスペースを追加し、その後にコンテンツを入力することです。以下のように：

番号付きリスト 1
番号付きリスト 2
番号付きリスト 3

2.5 引用#

引用の形式は、>の後にテキストを書くことです。以下のように：

いい本を読むことは、高尚な人と話すことです。 - ゲーテ

雇用制度は労働者にとって不利ですが、労働者はこの制度から逃れることができません。 - 阮一峰

2.7 リンク#

WeChat 公式アカウントは、WeChat 公式アカウントの記事リンク、つまりhttps://mp.weixin.qq.com/ドメインの正当なリンクのみをサポートしています。使用方法は次のとおりです：

この論述については、以前に投稿された記事を参照してください、あなたは「未来の世界の生存者」ですか？

2.8 画像#

画像の挿入方法は次のとおりです：

ここに画像の説明を書きます

jpg、png、gif、svg などの画像形式がサポートされています。ただし、svg ファイルは WeChat 公式プラットフォームでのみ使用できます。以下は svg ファイルの例です：

画像をエディタにドラッグアンドドロップまたはスクリーンショットで貼り付けすることができます。

注：画像をエディタにドラッグアンドドロップまたはスクリーンショットで貼り付けすることができますが、https の画像のみサポートされ、WeChat に貼り付けると自動的に WeChat サーバーにアップロードされます。

2.9 区切り線#

3 つ以上のハイフンを 1 行に使用して区切り線を作成し、区切り線の上に空行を作成することができます。以下のように：

2.10 テーブル#

コロンを使用してテーブルの配置を定義することができます。以下のように：

名前	年齢	仕事
かわいい	18	かわいい多
ちょっと勇敢	20	勇敢な木を登る
ちょっと賢い	22	賢い本を読む

3. 特殊な文法#

3.1 脚注#

サポートプラットフォーム：WeChat 公式アカウント、Zhihu。

脚注とリンクの違いは次のとおりです：

リンク：[テキスト](リンク)
脚注：[テキスト](脚注の説明 "脚注の名前")

フロントエンドウェブ開発の背景で、モバイル開発（Android、IOS）は徐々に歴史の舞台から退場すると考えられています。

フルスタックエンジニアは、ビジネス開発プロセスで非常に重要な役割を果たしています。

脚注の内容は、最後までスクロールしてご覧ください。

3.2 コードブロック#

サポートプラットフォーム：WeChat コードテーマは WeChat 公式アカウントのみサポートされています！他のテーマに制限はありません。

行内でコードを引用する場合は、バッククォートで囲むだけです。以下のように：

printf()関数を使用します。

ハイライトされたコードブロックを使用する場合は、ハイライトされたコードブロックの前の行と後の行に 3 つのバッククォートを使用します。同時に、最初のバッククォートの後にはコードブロックで使用される言語が表示されます。以下のように：

// FileName: HelloWorld.java
public class HelloWorld {
  // Javaのエントリーポイント、プログラムはここから開始します
  public static void main(String[] args) {
    System.out.println("Hello,World!"); // コンソールにメッセージを出力します
  }
}

以下の言語がサポートされています：

bash
clojure、cpp、cs、css
dart、dockerfile, diff
erlang
go、gradle、groovy
haskell
java、javascript、json、julia
kotlin
lisp、lua
makefile、markdown、matlab
objectivec
perl、php、python
r、ruby、rust
scala、shell、sql、swift
tex、typescript
verilog、vhdl
xml
yaml

コードのハイライトスタイルを変更したい場合は、上部のコードテーマから選択できます。

WeChat コードテーマは WeChat 公式と同じであり、次の注意事項があります：

行番号付きで折り返さず、コードのサイズは公式と同じです
コードブロックで言語を指定する必要があります。指定しないとハイライトされません
公式アカウントに貼り付けた後、コードブロック内外を 1 回クリックすると、ハイライトが完了します

diff は他の言語のハイライトと同時に表示することはできず、diff の効果を表示するには WeChat コードテーマ以外のコードテーマに変更する必要があります。使用方法は次のとおりです：

+ 追加項目
- 削除項目

他のテーマには行番号がなく、改行の有無をカスタマイズできます。コードのサイズは現在のエディタと同じです

3.3 数式#

サポートプラットフォーム：WeChat 公式アカウント、Zhihu。

インライン数式の使用方法は、次の化学式のように、 $\ce{Hg^2+ ->[I-] HgI2 ->[I-] [Hg^{II}I4]^2-}$ です。

ブロック数式の使用方法は次のとおりです：

$H(D_2) = -\left(\frac{2}{4}\log_2 \frac{2}{4} + \frac{2}{4}\log_2 \frac{2}{4}\right) = 1$

行列：

\begin{pmatrix} 1 & a_1 & a_1^2 & \cdots & a_1^n \\ 1 & a_2 & a_2^2 & \cdots & a_2^n \\ \vdots & \vdots & \vdots & \ddots & \vdots \\ 1 & a_m & a_m^2 & \cdots & a_m^n \\ \end{pmatrix}

数式は WeChat ではサポートされていないため、現在の解決策は svg に変換して WeChat に配置することです。調整は必要ありません。ベクトルは歪みません。

現在のテストでは、数式の量が多すぎる場合、Chrome では貼り付け後に応答がない場合がありますが、Firefox では常に成功します。

3.4 TOC#

サポートプラットフォーム：WeChat 公式アカウント、Zhihu。

TOC（Table of Content）は、すべてのタイトルをリストアップします。

[TOC]

WeChat は 2 階層のリストまでしかサポートしていないため、このツールは 2 階層と 3 階層のタイトルのみを表示します。

3.5 ルビ#

サポートプラットフォーム：WeChat 公式アカウント。

ルビをサポートしています。使用方法は次のとおりです：

Markdown Nice はとても使いやすく、まさに {喜大普奔 | hē hē hē hē} です！

3.6 横スクロールスライド#

サポートプラットフォーム：WeChat 公式アカウント。

<![](url),![](url)>という構文を使用して、横スクロールスライドを設定できます。具体的な使用方法は次のとおりです：

< 青 1 , 緑 2 , 赤 3 >

4 その他の文法#

4.1 HTML#

ネイティブの HTML 文法をサポートしています。インラインスタイルを書いてください。以下のように：

オレンジ色の右揃え
オレンジ色の中央揃え

4.2 UML#

サポートされていません。オープンソースツールhttps://draw.io/を使用して作成し、画像をインポートすることをお勧めします

5 謝辞#

歌詞マネージャー wechat-fromat
Yan Jia Dashao MD2All