banner
Geek

Geek

🧠在家居士 | 🥦素食者 | 🏃🏻马拉松爱好者 | 📡AI降临派 | 过🪜技术资深学者 | 🤖科技狂 | 📤更新狂🆅 https://www.igeekbb.com/
twitter
github

xLog Flavored Markdown 一些補充

> 引言:補充一些官方Markdown示例,方便自己也利他人。


標題#


一級標題##

二級標題###

三級標題 ####

四級標題#####

五級標題##### #
六級標題 ######

表格#


表格處理#

表格一#

標題項目
內容內容
內容 2內容 2
| 標題 | 項目 |
| ---- | ---- |
| 內容1 | 內容1 |
| 內容2 | 內容2 |

表格二#

標題項目項目
內容內容內容
| 標題 | 項目 | 項目 |
| ---- | ---- |---- |
| 內容 | 內容 | 內容 |

表格三#

項目價格數量
計算機$16005
手機$1212
管線$1234
<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>

表格四#

項目價格數量
計算機$16005
手機$1212
管線$1234

您可以使用冒號來控制表格中標題的對齊方式。例如,若要讓表格標題居中,可以在標題兩側都加上冒號。其中 :---: 表示列的對齊方式,兩側的冒號表示居中對齊。在表格的其他行中,如果您希望某些列居左或居右對齊,可以使用一個冒號和一個破折號來實現,例如 :--- 表示左對齊,---: 表示右對齊。

| 項目     | 價格   | 數量 |
| :------- | :----: | ---:|
| 計算機   | $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#

image image
<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>
載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。