> 引言:補充一些官方Markdown示例,方便自己也利他人。
標題#
一級標題##
二級標題###
三級標題  ####
四級標題#####
五級標題##### #
六級標題 ######
表格#
表格處理#
表格一#
| 標題 | 項目 | 
|---|---|
| 內容 | 內容 | 
| 內容 2 | 內容 2 | 
| 標題 | 項目 |
| ---- | ---- |
| 內容1 | 內容1 |
| 內容2 | 內容2 |
表格二#
| 標題 | 項目 | 項目 | 
|---|---|---|
| 內容 | 內容 | 內容 | 
| 標題 | 項目 | 項目 |
| ---- | ---- |---- |
| 內容 | 內容 | 內容 |
表格三#
| 項目 | 價格 | 數量 | 
|---|---|---|
| 計算機 | $1600 | 5 | 
| 手機 | $12 | 12 | 
| 管線 | $1 | 234 | 
<table>
  <tr>
    <th>項目</th>
    <th>價格</th>
    <th>數量</th>
  </tr>
  <tr>
    <td>計算機</td>
    <td>$1600</td>
    <td>5</td>
  </tr>
  <tr>
    <td>手機</td>
    <td>$12</td>
    <td>12</td>
  </tr>
  <tr>
    <td>管線</td>
    <td>$1</td>
    <td>234</td>
  </tr>
</table>
表格四#
| 項目 | 價格 | 數量 | 
|---|---|---|
| 計算機 | $1600 | 5 | 
| 手機 | $12 | 12 | 
| 管線 | $1 | 234 | 
您可以使用冒號來控制表格中標題的對齊方式。例如,若要讓表格標題居中,可以在標題兩側都加上冒號。其中 :---: 表示列的對齊方式,兩側的冒號表示居中對齊。在表格的其他行中,如果您希望某些列居左或居右對齊,可以使用一個冒號和一個破折號來實現,例如 :--- 表示左對齊,---: 表示右對齊。
| 項目     | 價格   | 數量 |
| :------- | :----: | ---:|
| 計算機   | $1600 |  5   |
| 手機     | $12   |  12  |
| 管線     | $1    |  234 |
圖片#
圖片排版#
圖片居左顯示#
  
<!--居左-->
<p align="left">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述">
</p>
圖片居中顯示#
  
<!--居中-->
<p align="center">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述">
</p>
圖片居右顯示#
  
<!--居右-->
<p align="right">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述">
</p>
圖片 100*100 顯示#
 |
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述" width="100" height="100" /> |
圖片並排顯示 1#
| 圖片描述 1 | 圖片描述 2 | 
| <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述" width="100" height="100" /> | <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述" width="100" height="100" /> | | :--: | :--: | | 圖片描述1 | 圖片描述2 |
圖片並排顯示 2#
| 
       | 
       | 
<table>
  <tr>
    <td style="width:50%;">
      <img src="ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a" style="width:100%">
    </td>
    <td style="width:50%;">
      <img src="ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a" style="width:100%">
    </td>
  </tr>
</table>
圖片並排顯示 3(無背景)#
  
  
<p class="flex">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述" width="100" height="100" />
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="圖片描述" width="100" height="100" />
</p>
文字處理#
文字排版處理#
並排顯示超連結#
| [**Github**](https://github.com/) | [**xLog**](https://xlog.app/) | [**Geek**](https://x.geekbb.ml/) |
| :---: | :---: | :---: |
3 級標題居中處理#
<h3 align="center">3級標題居中</h3>
3 級標題居右處理#
<h3 align="right">3級標題居右</h3>
文字顏色處理#
紅色
橙色
黃色
綠色
藍色
紫色
粉色
<span style="color:red">紅色</span>
<span style="color:orange">橙色</span>
<span style="color:yellow">黃色</span>
<span style="color:green">綠色</span>
<span style="color:blue">藍色</span>
<span style="color:purple">紫色</span>
<span style="color:pink">粉色</span>