banner
Geek

Geek

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

xLog Flavored Markdown Some Additions

Introduction: Add some official Markdown examples to facilitate yourself and benefit others.


Title#


Heading 1 ##

Heading 2 ###

Heading 3 ####

Heading 4 #####

Heading 5 ######
Heading 6 ######

Table#


Table Processing#

Table 1#

TitleItem
ContentContent
Content2Content2
| Title | Item |
| ---- | ---- |
| Content1 | Content1 |
| Content2 | Content2 |

Table 2#

TitleItemItem
ContentContentContent
| Title | Item | Item |
| ---- | ---- |---- |
| Content | Content | Content |

Table 3#

ItemPriceQuantity
Computer$16005
Phone$1212
Pipeline$1234
<table>
  <tr>
    <th>Item</th>
    <th>Price</th>
    <th>Quantity</th>
  </tr>
  <tr>
    <td>Computer</td>
    <td>$1600</td>
    <td>5</td>
  </tr>
  <tr>
    <td>Phone</td>
    <td>$12</td>
    <td>12</td>
  </tr>
  <tr>
    <td>Pipeline</td>
    <td>$1</td>
    <td>234</td>
  </tr>
</table>

Table 4#

ItemPriceQuantity
Computer$16005
Phone$1212
Pipeline$1234

You can use colons to control the alignment of the table headers. For example, to center-align the table headers, you can add colons on both sides of the header. :---: represents the alignment of the column, with colons on both sides indicating center alignment. In other rows of the table, if you want certain columns to be left-aligned or right-aligned, you can use a colon and a hyphen, for example, :--- represents left alignment, ---: represents right alignment.

| Item     | Price   | Quantity |
| :------- | :----: | ---:|
| Computer   | $1600 |  5   |
| Phone     | $12   |  12  |
| Pipeline     | $1    |  234 |

Image#


Image Layout#

Image aligned to the left#

Image description

<!--Left aligned-->
<p align="left">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description">
</p>

Image aligned to the center#

Image description

<!--Center aligned-->
<p align="center">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description">
</p>

Image aligned to the right#

Image description

<!--Right aligned-->
<p align="right">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description">
</p>

Image displayed as 100*100#

Image description |

  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description" width="100" height="100" /> |

Images displayed side by side 1#

Image descriptionImage description
Image description 1Image description 2

| <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description" width="100" height="100" /> | <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description" width="100" height="100" /> | | :--: | :--: | | Image description 1 | Image description 2 |

Images displayed side by side 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>

Images displayed side by side 3 (no background)#

Image description Image description

<p class="flex">
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description" width="100" height="100" />
  <img src="ipfs://bafkreihvehxsruluqmcd2fgz2kpaklvfltxjvdlja5q5ytaxvvh2ipafbm" alt="Image description" width="100" height="100" />
</p>

Text Processing#


Text Formatting#

| [**Github**](https://github.com/) | [**xLog**](https://xlog.app/) | [**Geek**](https://x.geekbb.ml/) |
| :---: | :---: | :---: |

Center-aligned heading 3#

<h3 align="center">Center-aligned heading 3</h3>

Right-aligned heading 3#

<h3 align="right">Right-aligned heading 3</h3>

Text color formatting#

Red
Orange
Yellow
Green
Blue
Purple
Pink

<span style="color:red">Red</span>
<span style="color:orange">Orange</span>
<span style="color:yellow">Yellow</span>
<span style="color:green">Green</span>
<span style="color:blue">Blue</span>
<span style="color:purple">Purple</span>
<span style="color:pink">Pink</span>
Loading...
Ownership of this post data is guaranteed by blockchain and smart contracts to the creator alone.