CSDNマークダウンエディタの使用例

マークダウンエディターへようこそ

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

新しい変更

Markdownエディターの機能拡張と文法サポートをいくつか実行しました。標準のMarkdownエディター機能に加えて、ブログでの使用に役立つ次の新しい機能を追加しました。

  1. 新しいインターフェースデザインは、新しいライティング体験をもたらします。
  2. 作成センターでお気に入りのコード強調表示スタイルを設定すると、Markdownはコードスライスの選択された強調表示スタイルを表示します
  3. 画像のドラッグアンドドロップ機能を追加し、ローカル画像を編集エリアのディスプレイに直接ドラッグアンドドロップできます。
  4. 新しいKaTeX数式文法。
  5. ガントチャートのマーメイドシンタックス1機能のサポート追加されました
  6. マルチスクリーン編集のマークダウン記事機能の増加
  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+ Shift+C
コードを挿入:Ctrl/Command+ Shift+K
リンクを挿入:Ctrl/Command+ Shift+L
画像を挿入:Ctrl/Command+ Shift+G

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

直接1回入力し#spaceそれを押してレベル1の見出しを生成します。
2回入力して#押すspaceと、レベル2の見出しが生成されます。
類推により、レベル6の見出しをサポートします。TOC構文を使用した後、完全な目次生成するのに役立ちます。

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

強調テキスト 強調テキスト

太字のテキスト 太字

マークアップテキスト

テキストを削除する

引用テキスト

H 2 Oは液体です。

結果2 10の動作は、1024です。

リンクと画像を挿入

リンク:リンク

画像: Alt

寸法のある画像: Alt

中央の画像: Alt

中央揃えと寸法の写真: Alt

もちろん、ユーザーの利便性を高めるため、画像のドラッグアンドドロップ機能を追加しました。

美しいコードを挿入する方法

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

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

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

  • 事業
    • 事業
      • 事業
  1. アイテム1
  2. アイテム2
  3. アイテム3
  • スケジュールされたタスク
  • 任務完了

テーブルを作成する

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

事業
コンピューター 1600ドル
携帯電話 $ 12
カテーテル $ 1

設定内容は中央、左、右

使用が:---------:中心に
使用し:----------、左
使用使用----------:権を

最初の行 2番目のリスト 3列目
テキストの最初の列が中央に配置されます テキストの2列目は正しいです テキストの3列目が残っています

SmartyPants

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

タイプ ASCII HTML
シングルバックティック 'Isn't this fun?' 「これは面白くないですか?」
引用 "Isn't this fun?" 「これは面白くないですか?」
ダッシュ -- is en-dash, --- is em-dash –はダッシュです、—はダッシュです

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

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

脚注の作成方法

脚注付きのテキスト。2

コメントも不可欠です

マークダウンはテキストをHTMLに変換します

KaTeX数学公式

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

ガンマ式は、Γ(n)=(n − 1)!∀n∈N\ Gamma(n)=(n-1)!\ quad \ forall n \ in \ mathbbNを示します。Γ n =n1 n個Nはオイラー積分を介して

Γ(z)= ∫0∞tz− 1 e − tdt  \ Gamma(z)= \ int_0 ^ \ infty t ^ {z-1} e ^ {-t} dt \、。Γ z =0tz 1 et dt

LaTeX数式の詳細については、こちらをご覧ください

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

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

UML図

レンダリングにはUML図を使用できます。マーメイド。たとえば、次のように作成されたシーケンス図::

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

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

链接
长方形
圆角长方形
菱形

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

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

Created with Raphaël 2.2.0 开始 我的操作 确认? 结束 yes no

エクスポートとインポート

書き出す

このエディターを試してみたい場合は、この記事を自由に編集できます。エクスポートされた上位の記事のツールバーにある記事の作成が終了すると、.mdファイルまたは.htmlファイルの生成がローカルに保存されます。

インポート

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


  1. マーメイド構文の説明↩︎

  2. 脚注の説明↩︎

おすすめ

転載: blog.csdn.net/Uridis/article/details/86540549