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>
読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。