{
"title": "xLog Flavored Markdown 一些补充",
"tags": [
"post",
"xLog",
"Markdown"
],
"sources": [
"xlog"
],
"external_urls": [
"https://x.geekbb.ml/xLog-Markdown"
],
"date_published": "2023-04-14T13:10:39.492Z",
"content": "**> 引言：补充一些官方[Markdown](https://xlog.xlog.app/xfm)示例，方便自已也利他人。**\n\n***\n<h3 align=\"center\">标题</h3>\n\n***\n# 一级标题`#`\n## 二级标题`##`\n### 三级标题 `###`\n#### 四级标题`####`\n##### 五级标题`##### `\n###### 六级标题 `######`\n***\n<h3 align=\"center\">表格</h3>\n\n***\n### 表格处理\n\n#### 表格一\n\n| 标题 | 项目 |\n| ---- | ---- |\n| 内容 | 内容 |\n| 内容2 | 内容2 |\n\n```\n| 标题 | 项目 |\n| ---- | ---- |\n| 内容1 | 内容1 |\n| 内容2 | 内容2 |\n```\n\n#### 表格二\n\n\n| 标题 | 项目 | 项目 |\n| ---- | ---- |---- |\n| 内容 | 内容 | 内容 |\n\n```\n| 标题 | 项目 | 项目 |\n| ---- | ---- |---- |\n| 内容 | 内容 | 内容 |\n```\n\n#### 表格三\n<table>\n <tr>\n <th>项目</th>\n <th>价格</th>\n <th>数量</th>\n </tr>\n <tr>\n <td>计算机</td>\n <td>$1600</td>\n <td>5</td>\n </tr>\n <tr>\n <td>手机</td>\n <td>$12</td>\n <td>12</td>\n </tr>\n <tr>\n <td>管线</td>\n <td>$1</td>\n <td>234</td>\n </tr>\n</table>\n\n```\n<table>\n <tr>\n <th>项目</th>\n <th>价格</th>\n <th>数量</th>\n </tr>\n <tr>\n <td>计算机</td>\n <td>$1600</td>\n <td>5</td>\n </tr>\n <tr>\n <td>手机</td>\n <td>$12</td>\n <td>12</td>\n </tr>\n <tr>\n <td>管线</td>\n <td>$1</td>\n <td>234</td>\n </tr>\n</table>\n```\n#### 表格四\n| 项目 | 价格 | 数量 |\n| :------- | :----: | ---:|\n| 计算机 | $1600 | 5 |\n| 手机 | $12 | 12 |\n| 管线 | $1 | 234 |\n\n`您可以使用冒号来控制表格中标题的对齐方式。例如，若要让表格标题居中，可以在标题两侧都加上冒号。其中 :---: 表示列的对齐方式，两侧的冒号表示居中对齐。在表格的其他行中，如果您希望某些列居左或居右对齐，可以使用一个冒号和一个破折号来实现，例如 :--- 表示左对齐，---: 表示右对齐。`\n\n\n```\n| 项目 | 价格 | 数量 |\n| :------- | :----: | ---:|\n| 计算机 | $1600 | 5 |\n| 手机 | $12 | 12 |\n| 管线 | $1 | 234 |\n```\n\n***\n<h3 align=\"center\">图片</h3>\n\n***\n### 图片排版\n#### 图片居左显示\n<!--居左-->\n<p align=\"left\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n\n```\n<!--居左-->\n<p align=\"left\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n```\n#### 图片居中显示\n\n<!--居中-->\n<p align=\"center\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n\n```\n<!--居中-->\n<p align=\"center\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n```\n#### 图片居右显示\n\n<!--居右-->\n<p align=\"right\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n\n```\n<!--居右-->\n<p align=\"right\">\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\">\n</p>\n\n```\n#### 图片100*100显示\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> |\n\n```\n <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> |\n```\n \n\n#### 图片并排显示1\n\n| <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> | <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> |\n| :--: | :--: |\n| 图片描述1 | 图片描述2 |\n\n`| <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> | <img src=\"ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm\" alt=\"图片描述\" width=\"100\" height=\"100\" /> |\n| :--: | :--: |\n| 图片描述1 | 图片描述2 |`\n\n\n#### 图片并排显示2\n\n<table>\n <tr>\n <td style=\"width:50%;\">\n <img src=\"ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a\" style=\"width:100%\">\n </td>\n <td style=\"width:50%;\">\n <img src=\"ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a\" style=\"width:100%\">\n </td>\n </tr>\n</table>\n\n```\n\n<table>\n <tr>\n <td style=\"width:50%;\">\n <img src=\"ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a\" style=\"width:100%\">\n </td>\n <td style=\"width:50%;\">\n <img src=\"ipfs://bafkreifuurbsvy4b3nr5yflendz5jkbvbvijjtegeuqogmhy3ccfpl252a\" style=\"width:100%\">\n </td>\n </tr>\n</table>\n```\n\n***\n<h3 align=\"center\">文字处理</h3>\n\n***\n### 文字排版处理\n\n#### 并排显示超链接\n| [**Github**](https://github.com/) | [**xLog**](https://xlog.app/) | [**Geek**](https://x.geekbb.ml/) |\n| :---: | :---: | :---: |\n\n#### 3级标题居中处理\n```\n<h3 align=\"center\">3级标题居中</h3>\n```\n\n#### 3级标题居右处理\n```\n<h3 align=\"right\">3级标题居右</h3>\n```\n\n#### 文字颜色处理\n<span style=\"color:red\">红色</span>\n<span style=\"color:orange\">橙色</span>\n<span style=\"color:yellow\">黄色</span>\n<span style=\"color:green\">绿色</span>\n<span style=\"color:blue\">蓝色</span>\n<span style=\"color:purple\">紫色</span>\n<span style=\"color:pink\">粉色</span>\n\n\n```\n<span style=\"color:red\">红色</span>\n<span style=\"color:orange\">橙色</span>\n<span style=\"color:yellow\">黄色</span>\n<span style=\"color:green\">绿色</span>\n<span style=\"color:blue\">蓝色</span>\n<span style=\"color:purple\">紫色</span>\n<span style=\"color:pink\">粉色</span>\n```\n\n\n\n\n",
"attributes": [
{
"value": "xLog-Markdown",
"trait_type": "xlog_slug"
}
]
}
