CSDNマークダウンを使用したブログの可能な構文ポイント

序文

エディターを変更してブログを書くつもりです。リッチテキストエディターでの植字はMarkdownでの植字よりも優れていると思いますが、見栄えがよくなるのは、それほど多くの機能がないためです。だれが私にベルとホイッスルを好きにしたので、私は簡単なことをあきらめ、そして今度はMarkdownを使用してブログを書く方法を学び始めます。たとえば、漢字のインデント、漢字のフォント、サイズと色、画像の中央揃え、分割線の描画、数式の挿入（ラテックスの使用）、フローチャートの描画など、文法上の多くの点が使用される場合があります。もちろん、グラフィックボタンのあるものは書かれません。

SmartyPantsは「スマート」な印刷された句読点のHTMLエンティティに変換されます

入力方法が英語に調整されている状態で、図1に示すように文字をダブルクリックし、2つの文字間で変換するコンテンツを入力するとSmartyPants、ASCII句読文字を「インテリジェント」な印刷された句読HTMLエンティティに変換できます。like this code below。

`like this code below`

図1.キーボード上の「 `」の位置

テキストを中央揃え

上の画像のテキストの説明部分では、テキストの中央揃え形式、通常の中央揃え：、<center>图1.在键盘上的位置</center>太字の中央揃え：、<center>**图1.在键盘上的位置**</center>なぜかわかりません。太字の中央揃えを使用しました。太字の記号はありませんが、4つのアスタリスクが残っています。

分割線を引く

リッチテキストエディターを使用する以前の習慣に従って、タイトルの間に長い水平線を追加して分割を示します。英語の状態で3つのダッシュ：あり、すなわち、水平分割線を描画するための3つの方法があり---、3つの状態は英語で下線：___、および3つのアスタリスク：***。さらに、著者は、2つの分割線の間に直接テキスト行を書き込むと、デフォルトで太字になることを発見しました。解決策は、テキストの下に空白行を残すことです。それ以外の場合は、空白行で解決することもできます。

2つの漢字をインデントする

コードのインデント行に追加する&emsp;&emsp;か、追加&emsp;のスペースをノックした後も（実際には、わずか1.5文字のインデント）インデントの2つの文字を達成することができます。さらに、N個&emsp;すべてのN文字一度はインデントを実現することができます。文字を間違って入力したり、セミコロンを英語で入力したりしないように注意してください。正しく入力すると、編集ボックス&emsp;が変形し、プレビューボックス&emsp;が非表示になります。

画像の中央揃えとサイズ変更

+を
直接挿入し、+ コピーして対応する位置に貼り付けます。CTRLCCTRLV
画像のリンクの末尾の?後に中央揃えが追加され#pic_centerます。の前後に#スペースがあってはならず、その後にスペースがないことに注意してください。
サイズは
括弧内にあり、最後の文字の後に1 空格と入力し、次に、画像を調整するサイズ（など）を入力します=600x400が、これにより画像が歪む可能性があるため=600x、最後に幅を調整するだけで済みます文字xは省略できません。

ここに画像の説明を挿入
注：キーボードのテキストラベルを定義します<kbd>keyboard</kbd>。keyboard

色、サイズ、フォント

カラー
チャート2に示されているRGBカラー比較チャートは、このWebサイトのカラー比較テーブルからのものです。ここでは、可能なカラーのいくつかの比較テーブルが、将来の参照のために傍受されています。違反がある場合、通知はすぐに削除されます。テキストの色、タグ言語コードを変更：纯红色に示す割り当てられた属性、すなわち、対応する色は、純粋な赤。fontcolor#FF0000

ここに画像の説明を挿入

図2. RGB 16進数と色の比較表

フォントサイズ
に従い、このブログは説明し、テキストのサイズはデジタル1-7から得ることができる、ブラウザのデフォルトは3です。色の設定と同様にfont、size属性に値を割り当てるだけでフォントサイズを変更できます。ラベルの言語コード：、size = 1結果は次のようになります：size = 1、sizeの値を3に変更すると、デフォルトサイズと一致します：size = 3
フォント
はフォントに変更点はないと感じていますが、ここにもあります。修正fontでfaceフォントスタイルを変更することができますプロパティの値は、例えば、変更することができ黑体、宋体および微软雅黑ように。タグの言語コード：华文行楷結果は次のとおりです：Hua Xing Kai、Hua Cai Cai Yun：Hua Cai Cai Yun、Founder Shu Body：Founder Shu Body、フォントスタイルと名前は、図3に示すパスにあります。

ここに画像の説明を挿入

図3.フォントスタイル

数式を挿入

エディターはLaTeXを使用して式を編集します。その文法ドキュメントはここにあり、文法はより複雑であるため、ここでは詳しく説明しません。使用する場合は、文法ドキュメントに移動してコードをエディターにコピーします。たとえば、ここにマトリックスを追加したい場合は、図4に示すように、まずドキュメント内のコードを見つけ、それを下にコピーし $ $ て中央に配置してになり $\begin{bmatrix}a & b \\c & d\end{bmatrix}$ ます。数式を中央揃えにしたい場合は、$$ $$中央に置いてになり$$\begin{bmatrix} a & b \\ c & d\end{bmatrix}$$ます。さらに面倒ですが、オフィスで編集して直接画像をコピーすることをお勧めします。
ここに画像の説明を挿入

図4.マトリックスを描画するコード式は効果を生み出します：

$\ begin {bmatrix} a＆b \\ c＆d \ end {bmatrix}$

フローチャートを挿入

csdn_markdownは、MermaidのFLowchartを使用してフローチャートを描画し、公式Webサイトでデモを見つけて直接書くよりも変更します。以下は、それによって提供されたデモによって描画された図で、フローチャートを描画するために必要な基本コンポーネントがすでに含まれているため、将来フローチャートを描画する必要がある場合、このデモを使用してそれを変更し、フローチャートをすばやく描画できます。。コードブロック{ }の内容はコードであり、中括弧は記号上の理由で追加されています。

{```mermaid
flowchat
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1
```}

その他の

その他の操作方法は基本的にヘルプをクリックすることで解決できます。さらに、コードブロック、参照、ハイパーリンク、リストなどの追加と同様に、コンパイラー上部のツールバーに対応するショートカットボタンがあり、操作を簡単に完了できます。上記のヒントがあれば、見栄えの良いブログを書くことは問題ないと思います。

ここに画像の説明を挿入