@ [目次](ここにカスタムカタログのタイトルを書く)
#Markdownエディターの使用へようこそ
こんにちは!** Markdown Editor **によって表示されるウェルカムページを使用するのはこれが初めてです。Markdownエディターの使用方法を学びたい場合は、この記事を注意深く読んで、Markdownの基本的な構文について学ぶことができます。
##新しい変更
Markdownエディターにいくつかの関数拡張と文法サポートを実行しました。標準のMarkdownエディター関数に加えて、ブログの作成に役立つ次の新しい関数を追加しました
。1。**まったく新しいインターフェイスデザイン**、これにより、まったく新しいライティングエクスペリエンスが実現します
。2。作成センターでお気に入りのコードハイライトスタイルを設定し、マークダウン**コードスライスの選択したハイライトスタイルを表示**して表示します
。3。**画像のドラッグアンドドロップ**を追加します。関数、ローカル画像を編集領域に直接ドラッグアンドドロップして直接表示できます;
4。まったく新しい** KaTeX数式**構文;
5。**ガントチャートマーメイド構文[^ 1] **関数のサポートが追加されました;
6。**マルチスクリーン編集**マークダウン記事機能を
追加しました; 7。**フォーカス書き込みモード、プレビューモード、簡潔な書き込みモード、左右の領域同期スクロールホイール設定**およびその他の機能を追加しました。機能ボタンは次のとおりです。編集エリアにあり、プレビューエリアの中央にあります
。8。**チェックリスト**機能を追加しました。
[^ 1]:[人魚の構文の説明](https://トップminejs.github.io/)
##関数のショートカット
宅销:<kbd> Ctrl / Command </ kbd> + <kbd> Z </ kbd>
重做:<kbd> Ctrl / Command </ kbd> + <kbd> Y </ kbd>
加粗:<kbd> Ctrl / Command </ kbd> + <kbd> B </ kbd>
斜体:<kbd> Ctrl / Command </ kbd> + <kbd> I </ kbd>
✓题:<kbd> Ctrl / Command </ kbd> + < kbd> Shift </ kbd> + <kbd> H </ kbd>
UNI序列表:<kbd> Ctrl / Command </ kbd> + <kbd> Shift </ kbd> + <kbd> U </ kbd>
有序列表:<kbd> Ctrl / Command </ kbd> + <kbd> Shift </ kbd> + <kbd> O </ kbd>
检查列表:<kbd> Ctrl / Command </ kbd> + <kbd> Shift </ kbd> + <kbd> C </ kbd>
插入代码:<kbd> Ctrl / Command </ kbd> + <kbd> Shift </ kbd> + <kbd> K </ kbd>
插入链接:<kbd> Ctrl / Command </ kbd> + <kbd> Shift </ kbd> + <kbd> L </ kbd>
插入図片:<kbd> Ctrl / Command </ kbd> + <kbd> Shift < / kbd> + <kbd> G </ kbd>
查找:<kbd> Ctrl / Command </ kbd> + <kbd> F </ kbd>
談换:<kbd> Ctrl / Command </ kbd> + <kbd> G </ kbd>
##見出しの合理的な作成は、カタログの生成に役立ちます
<kbd>#</ kbd>を1回入力し、<kbd>スペース</ kbd>を押してレベル1の見出しを生成します。
<kbd>#</ kbd>を2回入力し、<kbd>スペース</ kbd>を押すと、レベル2の見出しが生成されます。
類推により、レベル6の見出しをサポートします。`TOC`構文を使用した後、完全な目次を生成するのに役立ちます。
##テキストのスタイルを変更する方法
*強調されたテキスト* _強調されたテキスト_
**太字** __太字__
==マークアップテキスト==
~~テキストを削除~~
>引用テキスト
H〜2〜Oは液体です。
2 ^ 10 ^操作の結果は1024です。
##リンクと画像を挿入
リンク:[リンク](https://www.csdn.net/)。
画像:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
サイズのある画像:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw = 30x30)
中央の画像:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
中央揃えと寸法の画像:![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center=30x30)
もちろん、ユーザーの利便性を高めるために、画像のドラッグアンドドロップ機能を追加しました。
##美しいコードを挿入する方法
[ブログ設定]に移動します(https://mp.csdn.net/console/configBlog)ページには、次のショーと同じ強調し`コードpiece`、好きなコード片をハイライト表示スタイルを選択します。
` ``ジャバスクリプト
/ /強調表示されたブロック
varfoo = 'bar';
`` `
##自分に合ったリストを生成する
-プロジェクト-
プロジェクト-
プロジェクト
1.プロジェクト
12.プロジェクト
23.プロジェクト3
-[]スケジュールされたタスク-[
x]完了したタスク
##
テーブルの作成次のような単純なテーブルが作成されます。
プロジェクト|値
-------- | -----
コンピューター| $ 1600
モバイル| $ 12
コンジット| $ 1
###セットの内容は、中央に左、右する
`用途:---------:`センター
Use`:---------- `
使用Left` ---- ------ : `右
|最初の列| 2番目の列| 3番目の列
||:-----------:| -------------:|: ------------- ||
テキストの最初の列が中央に配置されます|テキストの2番目の列が右側にあります|テキストの3番目の列が左側にあります|
### SmartyPants
SmartyPantsは、ASCII句読文字を「スマート」に印刷された句読点HTMLエンティティに変換します。例:
| TYPE | ASCII | HTML
| ---------------- | ----------------------- ----------- | ----------------------------- ||
単一のバックティック| `'これは面白くないですか? '`|'これは楽しいではありませんか? '
||引用|` "これは楽しいではありませんか?" `|"これは楽しいではありませんか? "
||ダッシュ|`-ダッシュ、---はem-dash` |-はen-dash、---はem-dash |
##カスタムリストを作成する
Markdown
:テキストからHTMLへの変換ツール
著者
:ジョン
:ルーク
##脚注の作成方法
脚注付きのテキスト。[^ 2]
[^ 2]:脚注の説明
##コメントも不可欠です
MarkdownはテキストをHTMLに変換します。
* [HTML]:ハイパーテキストマークアップ言語
## KaTeX数学公式
LaTeX数式のレンダリングを使用できます[KaTeX](https://khan.github.io/KaTeX/):
ガンマ式は、$ \ Gamma(n)=(n-1)!\ quad \ forall
n \ in \ mathbb N $がオイラー積分を介していることを示しています
$$
\ Gamma(z)= \ int_0 ^ \ infty t ^ {z-1} e ^ {-t} dt \、。
$$
> ** LaTeX **数式の詳細については[こちら] [1]をご覧ください。
##記事を充実させる新しいガントチャート機能
`` `人魚
ガント
dateFormatYYYY-MM-DD
タイトル人魚
セクションへのガントチャート機能の追加既存のタスク
が完了しました:完了
、des1、2014-01-06、2014-01-08進行中:アクティブ、des2、2014-01 -09、3D
計画1:DES3、DES2後、5D
計画2:DES4、DES3後、5dの
`` ` -for
**ガントチャートの構文**、してください[こちら] [2]を参照してください、
## UML図
レンダリングにはUML図を使用できます。[Mermaid](https://mermaidjs.github.io/)。たとえば、次のように生成されたシーケンス図:
`` `人魚の
シーケンス
図張さん->> Li Si:こんにちは!Li Si、お元気ですか?
Li Si->> Wang Wu:お元気ですか、Wang Wu?
Li
Si--x Zhang San:元気です、ありがとう!Li Si-x Wang Wu:元気です、ありがとう!
Wang Wuの右に注意してください:Li Siは長い間考えていました、テキストが長すぎます<br /> 1行に収まりません。
Li Si->> Zhang San:WangWuを見て...
Zhang San->> Wang Wu:とても良い... Wang Wu、お元気ですか?
`` `
これにより、フローチャートが作成されます。:
`` `マーメイド
グラフLRA
(長方形)-リンク-> B((円))
A-> C(角丸長方形)
B-> D(ダイヤモンド)
C->
D` ``
-**マーメイド**の構文については、[こちら] [3]を参照してください。
##フローチャートのフローチャート
フローチャートのフローチャートは引き続きサポートされます:
`` `
魔人の流れチャット
st =>開始:開始
e =>終了:終了
操作=>操作:私の操作
条件=>条件:確認しますか?
st-> op-> cond
cond(yes)-> e
cond(no)-> op
`` `
-**フローチャートフローチャート**の構文については、[こちら] [4]を参照してください。
##エクスポートとインポート
###エクスポート
このエディターを試してみたい場合は、この記事を自由に編集できます。記事の作成が終了したら、上部のツールバーで** Article Export **を見つけ、ローカルストレージ用の.mdファイルまたは.htmlファイルを生成します。
###インポート作成し
た.mdファイルをロードする場合は、上部のツールバーでインポート機能を選択して、対応する拡張子のファイルをインポートし、
作成を続行できます。
[1]:http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[2]:https://mermaidjs.github.io/
[3]:https ://トップs.github.io/
[4]:http ://adrai.github.io/flowchart.js/