Vue での axios の二次カプセル化

新しい変更

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

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

機能ショートカットキー

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回入力し#てを押すとspace2段階のタイトルが生成されます。
同様に、6 レベルの見出しがサポートされています。構文を使用しTOCた後に完璧な目次を生成するのに役立ちます。

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

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

太字太字

マークアップテキスト

~~テキストを削除する~~

引用されたテキスト

H2Oは液体です_。

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

リンクと画像を挿入する

リンク:リンク。

写真：

寸法付きの画像:

中央に配置された画像:

画像の中央揃えとサイズ調整:

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

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

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

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

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

計画
- 計画
  - 計画

項目1
項目2
項目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`	– は en-ダッシュ、- は em-ダッシュ

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

マークダウン

テキストから HTML への変換ツール

著者

ジョン

ルーク

脚注の作成方法

脚注付きのテキスト。²

注釈も必須です

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

KaTeX の数式

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

ガンマインフラストラクチャ $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ はオイラーによる積分です

$。\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

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

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

ガントチャートの構文については、ここ。

UML図

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

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

Mermaid の構文については、ここを参照してください。

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

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

フローチャートの構文については、こちら。

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

輸出

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

輸入

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

人魚の構文説明 ↩︎
脚注の説明↩︎