マークダウン エディター テンプレート

すぐに来る

こんにちは!これは、 Markdown エディターを初めて使用するときに表示されるウェルカム ページです。Markdown エディターの使用方法を学びたい場合は、この記事を注意深く読んで、Markdown の基本的な構文を理解してください。

新しい変更

Markdown エディターのいくつかの機能拡張と構文サポートを作成しました. 標準の Markdown エディター機能に加えて、ブログを書くのに役立つ次の新機能を追加しました:

  1. 新しいインターフェイス デザインは、新しいライティング エクスペリエンスをもたらします。
  2. オーサリング センターでお気に入りのコードの強調表示スタイルを設定すると、Markdown は選択した強調表示スタイルをコード スニペットに表示します。
  3. 画像のドラッグ アンド ドロップ機能が追加されました。ローカル画像を編集エリアに直接ドラッグ アンド ドロップして、直接表示できます。
  4. まったく新しいKaTeX 数式構文。
  5. ガント チャートをサポートするマーメイド シンタックス1関数を追加しました
  6. 複数の画面で Markdown 記事を編集する機能を追加しました
  7. フォーカス書き込みモード、プレビューモード、簡潔書き込みモード、左右エリア同期ホイール設定などの機能を追加機能ボタンは編集エリアとプレビューエリアの中間に配置。
  8. チェックリスト機能を追加しました。

機能ショートカットキー

Ctrl/Command+元に戻す: +Z
やり直し: Ctrl/Command+Y
太字: Ctrl/Command+B
斜体: Ctrl/Command+I
タイトル: Ctrl/Command+ Shift+順序H
なしリスト: Ctrl/Command+ Shift+U
順序付きリスト: Ctrl/Command+ Shift+O
チェックリスト: + +コードを挿入: + +Ctrl/Commandリンク挿入: + +画像を挿入: + +検索: +置換: +ShiftC
Ctrl/CommandShiftK
Ctrl/CommandShiftL
Ctrl/CommandShiftG
Ctrl/CommandF
Ctrl/CommandG

タイトルの合理的な作成は、カタログの生成に役立ちます

1回直接入力し#て押すとspace、レベル1の称号が生成されます。
2回入力し#て を押すとspace、2段階の称号が生成されます。
同様に、6 つのレベルの見出しをサポートしています。構文を使用しTOCた後、完璧な目次を生成するのに役立ちます。

テキストのスタイルを変更する方法

強調されたテキスト 強調されたテキスト

太字 太字

マークアップ テキスト

テキストを削除

引用文

H2Oは液体です

2 10 の演算結果は 1024 です。

リンクと画像を挿入する

リンク:リンク

写真:代替

寸法の写真:代替

中央の画像:代替

中央に配置されたサイズの画像:代替

もちろん、ユーザーの利便性を高めるために、写真をドラッグ&ドロップする機能を追加しました。

素敵なコードを挿入する方法

ブログ設定ページに移動し、好きなコード スニペットの強調表示スタイルを選択します。同じ強調表示が以下に表示されます代码片

// An highlighted block
var foo = 'bar';

自分に合ったリストを作成する

  • 計画
    • 計画
      • 計画
  1. 項目 1
  2. 項目 2
  3. 項目 3
  • スケジュールされたタスク
  • 任務完了

フォームを作成する

単純なテーブルは次のように作成されます。

計画 価値
コンピューター $1600
携帯電話 $12
カテーテル $1

コンテンツを中央、左、右に設定する

:---------:中央を使用左を
使用を使用:----------
----------:

最初の行 2列目 3列目
テキストの最初の列を中央揃えにする テキストの 2 列目は右揃えです 3 列目のテキスト左

スマーティーパンツ

SmartyPants は、ASCII 句読点文字を「スマートな」印刷上の句読点 HTML エンティティに変換します。例えば:

タイプ アスキー HTML
単一のバッククォート 'Isn't this fun?' 「楽しくないですか?」
名言 "Isn't this fun?" 「これ、面白くないですか?」
ダッシュ -- is en-dash, --- is em-dash – エンダッシュ、 — エムダッシュ

カスタム リストを作成する

マークダウン
テキストから HTML への変換ツール
著者
ジョン
ルーク

脚注の作成方法

脚注付きのテキスト。2

注釈も不可欠です

Markdown はテキストをHTMLに変換します。

KaTeX 数式

KaTeXを使用して、LaTeX 数式をレンダリングできます

ガンマ インフラストラクチャ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb NC ( n )=( n1 ) !∀n _εNはオイラーによる積分

Γ ( z ) = ∫ 0 ∞ tz − 1 e − tdt . \ガンマ(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.C ( z )=0tz 1 et dt.

LaTeX数式の詳細については、こちらを参照してください。

記事を充実させる新しいガント チャート機能

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • ガントチャートの構文については、こちら

UML ダイアグラム

UML ダイアグラムを使用してレンダリングできます。Mermaid . たとえば、以下に生成されるシーケンス図:

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

これにより、フローチャートが生成されます。:

链接
长方形
圆角长方形
菱形
  • Mermaid構文については、こちらを参照してください

フローチャート フローチャート

フローチャートのフローチャートは引き続きサポートされます。

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no
  • フローチャート フローチャートの構文についてはこちら

輸出入

輸出

このエディタを使ってみたい方は、この記事を自由に編集してください。記事の作成が完了したら、上部のツールバーにある[記事の、ローカル ストレージ用の .md ファイルまたは .html ファイルを生成します。

輸入

作成した .md ファイルをロードする場合は、上部ツールバーのインポート機能を選択して、対応する拡張子のファイルをインポートし、
作成を続行できます。


  1. mermaid構文説明 ↩︎

  2. 脚注の説明↩︎

おすすめ

転載: blog.csdn.net/CrazyQiQi/article/details/104098481