<h2 class="my-2 font-semibold text-xl">Table</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |</code></pre>There must be at least 3 dashes separating each header cell. The outer pipes (|) are
optional, and you don&#39;t need to make the raw Markdown line up prettily. You can also use
inline Markdown.<pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3</code></pre>可以使用冒号来对齐单元格<h2 class="my-2 font-semibold text-xl">图片</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>Inline-style:
![alt text](https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png &quot;Logo Title Text 1&quot;)
Reference-style:
![alt text][logo]
[logo]: https://github.com/adam-p/markdown-here/raw/master/src/common/images/icon48.png &quot;Logo Title Text 2&quot;</code></pre><h2 class="my-2 font-semibold text-xl">横线</h2><pre class="text-sm bg-gray-100 my-4 p-2 overflow-x-auto"><code>Three or more...
---
Hyphens
***
Asterisks
___
Underscores</code></pre>

$ ls ~yifei/notes/

markdown notes

Table

图片

横线