> 引言:補充一些官方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>