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>
加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。