なぜMarkdownを学ぶのですか?使用は何ですか?

なぜMarkdownを学ぶのですか? 使用は何ですか?

著者:JackTian
マイクロチャネル公開番号:ITのJiege旅行(ID:Jake_Internet)

1.マークダウンとは何ですか?
Markdownは軽量マークアップ言語であり、創設者はJohn Gruber(John Gruber)です。読み取りと書き込みが簡単なプレーンテキスト形式でドキュメントを作成でき、HTML、Word、画像、PDF、Epubなどの複数の形式でドキュメントをエクスポートできます。ドキュメントのサフィックスは.md、.markdownです。
Markdownは現在、インターネットで最も人気のある書記言語であると聞きました。テキスト形式をマークするためにいくつかの単純な記号#* /> []()\を使用しています。構文は非常に単純です。さらに、選択できる非常に優れた形式がたくさんあります。

2.なぜMarkdownを学ぶのですか?
公式アカウントを運営して以来、最初のミーティングでは、公式アカウントのバックエンドを使用して記事を編集しました。公式アカウントのバックエンドで記事を編集する方法を知らない読者がたくさんいるはずです。詳細をお見せしましょう。詳細については、下の図を参照してください。

なぜMarkdownを学ぶのですか? 使用は何ですか?

公式アカウントのバックグラウンドで記事を編集する場合、出力だけでなく、フォントサイズの調整、太字、整列、インデントなどの一連の操作、最初に押し出された記事、全体のレイアウト記事はあまり美しく感じられなかったので、後でゆっくりと触れました。業界の大手企業は経験を吸収し、徐々に改善し、徐々にマークダウンエディターに目を向けました。フォーマット形式も読者に認識されています。

なぜMarkdownを学ぶのですか? 使用は何ですか?

一定期間の調査の後、Markdownエディターは、公式アカウントの植字を支援するだけでなく、記事をより構造化し、全体的なレイアウトをより美しくするために他のドキュメントを植字することもできます。Markdownは、録音と出力が好きな限り、習得して習得する価値のあるスキルであり、プラットフォームのスケーラビリティが高く、フォーマットではなく自分自身を書くことに重点を置いていると誰もが信じています。

3.
マークダウンエディターツールプラットフォームの記事エディター:Jianshu、CSDNなど。

ローカルアプリ:MarkText、Typora、Notable、vnoteなど。

Web APP:md2all、mdeditorなど。

4. Markdownの特徴は何ですか?
ワンクリックで作成

主流の文法をサポートする

画像挿入のサポート

マルチモード切り替えをサポート

クロスプラットフォーム同期

デモモード

5、
MarkdownMarkdownタイトルの基本構文

#を使用してレベル1〜6の見出しを示し、第1レベルの見出しは1つの#記号に対応し、第2レベルの見出しは2つの#記号に対応します。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

なぜMarkdownを学ぶのですか? 使用は何ですか?

フォント

イタリックテキスト:イタリックテキストとしてマークする必要があるイタリックテキストの前後に、アスタリスク*またはアンダースコア_を入力できます。

太字のテキスト:太字のテキストとしてマークするために、太字のテキストの前後に2つのアスタリスク**または2つのアンダースコアを入力できます。

太字の斜体テキスト:太字の斜体テキストとしてマークする必要がある太字の斜体テキストの前後に、3つのアスタリスク***または3つのアンダースコアを入力できます。


*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

なぜMarkdownを学ぶのですか? 使用は何ですか?

仕切り

1行に3つ(以上)のアスタリスク、マイナス記号、およびアンダースコアを使用して区切り線を作成します。区切り線に他のテキストを出力することはできません。アスタリスクまたはマイナス記号の間にスペースを挿入することもできます。


***
* * *
*****
- - - 

なぜMarkdownを学ぶのですか? 使用は何ですか?

取り消し線

段落内のテキストに取り消し線を追加する必要がある場合は、取り消し線が必要なテキストの最初と最後に2本の波線を追加します~~

このテキスト行は削除されました
このテキスト行は削除されました

アンダースコア

段落内のテキストに下線を引く必要がある場合は、下線を引く必要があるテキストの最初と最後に<u> text </ u>を追加します

<u>このテキスト行には下線が引かれています</ u>
このテキスト行には下線が引かれています

脚注

脚注はテキストに関する注記です。

印刷^ Hello World

なぜMarkdownを学ぶのですか? 使用は何ですか?

リスト

Markdownは、順序付きリストと順序なしリストをサポートします。

順序付けられていないリストでは、リストマークとしてアスタリスク(*)とプラス記号(+)またはマイナス記号(-)を使用します。

順序付きリストは番号を使用し、でマークを付けます。

* 第一
+ 第二
- 第三
1.第四
2.第五
3.第六

なぜMarkdownを学ぶのですか? 使用は何ですか?

リストの入れ子

リストをネストするには、サブリストのオプションに4つのスペースを追加します


1. 第一
    - 第一个列表嵌套
2. 第二
    - 第二个列表嵌套

最初

ネストされた最初のリスト

2番目

ネストされた2番目のリスト

見積もり

マークダウン引用符は、段落の先頭に>記号を使用し、その後にスペース記号を使用するかどうかを指定する必要があります。


> 这是一个引用
> 作者:JackTian
> 微信公众号:杰哥的IT之旅(ID:Jake_Internet)

これは
著者への参照です:JackTian
マイクロチャネル公開番号:ITのJiege旅行(ID:Jake_Internet)

上記の参照に加えて、ネストすることもできます。>シンボルは第1レベルにあり、2つの>シンボルはネストの第1レベルにあります。


> 这是一个引用
> > 作者:JackTian
> > > 微信公众号:杰哥的IT之旅(ID:Jake_Internet)

これは見積もりです

著者:JackTian

WeChatパブリックアカウント:ジェイクのITジャーニー(ID:Jake_Internet)

参照でリストを使用する


> 引用列表
> * 这是一个引用
> - 作者:JackTian
> 1. 微信公众号:杰哥的IT之旅(ID:Jake_Internet)

参照リスト

これは見積もりです

著者:JackTian

WeChatパブリックアカウント:ジェイクのITジャーニー(ID:Jake_Internet)

リストで参照を使用する

リストで引用符を使用する場合は、>記号の前に4つのスペースインデントを追加する必要があります。


- 列表中使用引用 1

    > 这是一个引用
    > 作者:JackTian
    > 微信公众号:杰哥的IT之旅(ID:Jake_Internet)

- 列表中使用引用2

リストの参照1を使用します

これは
著者への参照です:JackTian
マイクロチャネル公開番号:ITのJiege旅行(ID:Jake_Internet)

リストの参照2を使用します

コード

コードブロックのMarkdownの構文は、開始行と終了行を追加することです,其中 ` 为windows键盘左上角那个,要精确指定语言(如:java、cpp、css、xml、javascript、python、php、go、kotlin、lua、objectivec等等)时,在头部直接指定,如:。java


#!/bin/bash
. /etc/init.d/functions
for var in {11..59};
do
ip=172.16.1.$var
ping -c2 $ip >/dev/null 2>&1
if [ $? = 0 ];then
action "$ip" /bin/true
else
action "$ip" /bin/false
fi
don

なぜMarkdownを学ぶのですか? 使用は何ですか?

リンク

リンク構文形式:

リンク名

または


<链接地址>
[Linux 环境下实战 Rsync 备份工具及配置 rsync+inotify 实时同步](https://mp.weixin.qq.com/s/P8XDrr7ROIXBYOZnLy45zA)

或者

<https://mp.weixin.qq.com/s/P8XDrr7ROIXBYOZnLy45zA>

なぜMarkdownを学ぶのですか? 使用は何ですか?

さらに、リンクを変数に置き換えることもできます。

このリンクでは、URL変数としてRsyncバックアップツールを使用しています。実際のRsyncバックアップツールと構成rsync + inotifyLinux環境でのリアルタイム同期

このリンクは、URL変数として無人インストールを使用して、RHEL 6 DHCP + TFTP + FTP + PXE + Kickstartで無人インストールを実現します。

終了変数アドレスは次のとおりです。

なぜMarkdownを学ぶのですか? 使用は何ですか?
構文形式:

画像の説明
画像の説明

なぜMarkdownを学ぶのですか? 使用は何ですか?

さらに、画像のURLは変数を使用します

このリンクでは、URL変数WeChatとしてWeChatを使用しています。

変数の割り当て:

マークダウンエディタで画像の高さと幅を調整することはできません。必要に応じて、通常の<img>タグを使用できます。

<IMG SRC = " https://mmbiz.qpic.cn/mmbiz_png/nDMNE6lrvW5vhBgOCoUxyvxibYqeibicjWyFzjVIY8fEWVslGUcwPxicOggBCt0Os7ib7KYzqwNLS3sIAmGMxQRlibjg/0?wx_fmt=png "幅=" 50%">

なぜMarkdownを学ぶのですか? 使用は何ですか?

テーブルを作成するには、|を使用して異なるセルを区切り、-を使用してヘッダーと他の行を区切ります。

テーブル構文形式:


|  表头   | 表头  |  表头  |
|  ----  | ----  | ----- |
| 单元格  | 单元格 | 单元格 |
| 单元格  | 单元格 | 单元格 |

注:フォームを公式アカウントでプレビューすると、PC側で正しいフルスクリーンが表示されない場合がありますが、通常、携帯電話でプレビューするとフルスクリーンで表示されます。

なぜMarkdownを学ぶのですか? 使用は何ですか?

テーブルの左、右、中央の配置を調整する場合は、次のように調整できます。

:-:ヘッダーとセルの内容を左に揃えます;
-::ヘッダーとセルの内容を左に揃えます;
:-::ヘッダーとセルの内容を中央に揃えます;

|  表头1   | 表头2  |  表头3  |  表头4  |
|  :----  | :----: | :-----: | -----:|
| 单元格1  | 单元格2 | 单元格3 |  单元格4 |
| 单元格1  | 单元格2 | 单元格3 |  单元格4 |

なぜMarkdownを学ぶのですか? 使用は何ですか?

HTML要素のサポート

現在サポートされているHTML要素は次のとおりです。<kbd> <b> <i> <em> <sup> <sub> <br>など。

Markdownでカバーされていないタグは、ドキュメントにHTMLで直接書き込むことができます。md2allエディターで表示することはできません。<kbd> Ctrl </ kbd> + <kbd> C </ kbd>を使用して、テキストのHTML要素をコピーします。ここでは、mdeditorエディタープラットフォームと組み合わせることができます。

<kbd> Ctrl </ kbd> + <kbd> C </ kbd>を使用してテキストをコピーします

なぜMarkdownを学ぶのですか? 使用は何ですか?

逃れる

Markdownエディターでは、特定の意味を表すために多くの特殊記号が使用されており、特殊記号は表示されなくなります。次に、これらの特殊記号を表示する場合は、エスケープ文字を使用する必要があります。マークダウンエディタでは、バックスラッシュを使用して特殊文字をエスケープできます。

特殊文字形式のエスケープ:


\*\* 转义特殊符号正常显示 \*\*

なぜMarkdownを学ぶのですか? 使用は何ですか?

科学式

Markdownエディターで数式を挿入する必要がある場合は、2つのドル記号$$を使用して、数式をTeXまたはLaTeX形式でラップできます。


$$E=mc^2$$

$$\sin(\alpha)^{\theta}=\sum_{i=0}^{n}(x^i + \cos(f))$$

なぜMarkdownを学ぶのですか? 使用は何ですか?

複数行の数式

なぜMarkdownを学ぶのですか? 使用は何ですか?

水平フローチャート

md2allエディターでは、フローチャートを作成できません。YoudaoCloudNoteのPC側で新しいmdファイルを作成し、ソースコードモードを開いて効果を編集および表示できます。

グラフLRA
(ゼネラルマネージャー)-> B(技術部門)
B-> C {開発/テスト/運用および保守}
C-> |開発部門| D [開発者1]
C-> |テスト部門| E [テスター1]
C-> |運用保守部門| F [運用保守1]
G [水平フローチャート]

なぜMarkdownを学ぶのですか? 使用は何ですか?

垂直フローチャート

グラフTDA
(ゼネラルマネージャー)-> B(技術部門)
B-> C {開発/テスト/運用および保守}
C-> D [開発者1]
C-> E [テスター1]
C-- > F [オペレーター1]
G [垂直フローチャート]

なぜMarkdownを学ぶのですか? 使用は何ですか?

標準フローチャート


```flow
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台

st->op->cond
cond(yes)->e
cond(no)->op

![](https://s4.51cto.com/images/blog/202101/24/b448f225ab16f234aa25fe1cd548bfa7.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

标准流程图(横向)
st=>start: 用户登陆
op=>operation: 登录操作
cond=>condition: 登陆成功(Yes or No?)
sub1=>subroutine: 重新登录
io=>inputoutput: 开始操作后台
e=>end: 退出系统
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

![](https://s4.51cto.com/images/blog/202101/24/81ac7e0e2d74a12468e2c493b6141161.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

UML时序图
好友A->好友C: Hello,好友C!(请求)
Note left of 好友A: 一段有趣的对话
好友C-->好友A: Hi,好友A!(响应)
好友A->好友B: Good night!
好友B-->好友A: Good night!
好友C->好友B:  How are you?
好友B-->好友C: Fine,thank you!

![](https://s4.51cto.com/images/blog/202101/24/c30020cf243902df2855e320b9f71c3f.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

UML 复杂时序图
Title: 标题:这是一个复杂的 UML 时序图
好友A->好友C: Hello,好友C!(请求)
Note right of 好友C: 好友C的描述
Note left of 好友A: 好友A的描述(提示)
好友C-->好友A: Hi,好友A!(响应)
好友B->小三: 小三,你还好吗?
小三-->>好友A: 好友B,今天找我了,问我还好吗?
好友A->好友B: 那你怎么回复小三的呢?
Note over 小三,好友B: 好久不见,我们还是好朋友。
participant 好友D
Note right of 好友D: 居然没人问我???


![](https://s4.51cto.com/images/blog/202101/24/f7b127403cf140abb9e87acba30de771.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

除了上面举例的横向流程图、竖向流程图、标准流程图、标准流程图(横向)、UML时序图、UML复杂时序图,还有UML标准时序图、甘特图等等。

**六、Markdown 可以在哪个平台编写文章?**
在上面第三标题内简单介绍了几款平台文章编辑器、本地 APP、Web APP,结合我自身情况,现在用的是md2all编辑器来写文章,只需简单的一些特殊字符来完成即可,不会把整体的文章搞的花里胡哨的。

大家也可以根据自己的需求,选择适合自己的。这里也欢迎大家留言说说,你是通过什么 Markdown 编辑器工具来写文章的。

**七、怎么将 Markdown 编写的文章与公众号平台相结合?**
公众号编辑器是一个富文本编辑器,样式都比较基础,不支持直接用Markdown语法来编辑文本。

我个人是通过md2all编辑器编写好后,然后复制粘贴到公众号,所有的样式渲染地很完美,包括图片加载等等,且格式也不会变的很乱。

复制前的效果图:

![](https://s4.51cto.com/images/blog/202101/24/26a23fe2e5e25259684d417280d59413.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

复制到公众号编辑器后的效果图:

![](https://s4.51cto.com/images/blog/202101/24/1ef6edd6babb5890acdf6714c9127b03.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

おすすめ

転載: blog.51cto.com/15067236/2605036