02 マークダウン入門

前言#

Markdown は、ウェブライターにとって簡単にするために設計されました。

Markdown の構文は、HTML ドキュメントをより簡単に記述するための軽量なマークアップ言語です。Markdown を使いこなすことで、簡単な構文で美しい記事を最短の時間で作成することができます。Hexoなどの多くの静的ページウェブサイトは、Markdown での記事作成をサポートしています。

基本構文#

見出し#

HTMLのタグ<h1>〜<h6>に対応しています。

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

リンク#

このページ

[名称](リンク)

<!-- 対応するHTML -->
<a href="リンク">名称</a>

もう一つのリンクの形式は以下のようになります。

<https://kyleten.top/markdown-greeting>

<!-- 対応するHTML -->
<a href="https://kyleten.top/markdown-greeting">https://kyleten.top/markdown-greeting</a>

強調#

斜体太字

*斜体* **太字**

<!-- 対応するHTML -->
<i>斜体</i><strong>太字</strong>

画像#

markdownIcon

![名称](リンク)

<!-- 対応するHTML -->
<img src="リンク" alt="名称" />

テーブル#

姓名	班级	分数
小明	A	119
小红	B	140

|姓名|班级|分数|
|:--:|:--:|:--:|
|小明|A|119|
|小红|B|140|

<!-- 対応するHTML -->
<table>
  <thead>
    <tr>
      <th align="center">姓名</th>
      <th align="center">班级</th>
      <th align="center">分数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="center">小明</td>
      <td align="center">A</td>
      <td align="center">119</td>
    </tr>
    <tr>
      <td align="center">小红</td>
      <td align="center">B</td>
      <td align="center">140</td>
    </tr>
  </tbody>
</table>

引用#

> 引文

<!-- 対応するHTML -->
<blockquote>
  <p>引文</p>
</blockquote>

有序リストと無序リスト#

有序リスト#

你好
再见

1. 你好
2. 再见

<!-- 対応するHTML -->
<ol>
  <li>你好</li>
  <li>再见</li>
</ol>

無序リスト#

你好
- 早上好
再见

* 你好
  * 早上好
* 再见

<!-- 対応するHTML -->
<ul>
  <li>你好</li>
  <ul>
      <li>早上好</li>
  </ul>
  <li>再见</li>
</ul>

コードブロック#

```javascript
const root = document.getElementById("root")
```

<!-- 対応するHTML -->
<pre class="language-javascript">
  const root = document.getElementById("root")
</pre>

Markdown の小技#

コメント#

你好 [git][git] la.....
<!-- 省略第二个标签里的内容表示使用显示的字符作为链接引用名 -->
之后 [git][] 

[git]: http://exam.ple "title"

記事のアンカー#

 ## 开始

[跳到开始](#开始)

<!-- 原理浅析
    ## 开始 其实并不完全等于 <h2>开始</h2>
    而是
-->
<h2 id="开始">开始</h2>
<!-- 链接HTML为 -->
<a href="#开始">跳转到开始</a>

結語#

この記事は少し乱雑に書かれていますが、将来的にはさらに詳細に分類する予定です。お読みいただきありがとうございました。