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