Recommended reading: xLog flavored Markdown
Those marked with+are special styles of this site
Collapsible Block#
Click me
Just like thisClick me, but open by default
Just like this<details>
<summary>Click me</summary>
Just like this
</details>
<details open>
<summary>Click me, but open by default</summary>
Just like this
</details>
Pinyin#
汉 字<ruby>
汉
<rt>hàn</rt>
字
<rt>zì</rt>
</ruby>
Comments#
<!--Will not be displayed-->
Line Break#
Line
break
Line<br>break
Horizontal Line#
Markdown:
HTML:
Markdown:
---
***
___
HTML:
<hr>
+Key Style#
Ctrl+Alt+Del
<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
Task List#
- 1st
- 2nd
- [ ] 1st
- [x] 2nd
Font Color#
Miku
<span style="color:#39c5bb">Miku</span>
Background Color#
Tianyi
<span style="background-color:#66ccff;">Tianyi</span>
Vertical Text#
Long winds and waves will come
Directly hanging the clouds to cross the sea
<span style="writing-mode: vertical-rl;">Long winds and waves will come<br>Directly hanging the clouds to cross the sea</span>
Escape Characters & Disable Automatic URL and AT Recognition#
https://cloud.sd.cn
@sino
https://www.bilibili.com/video/BV1qH4y1X7KZ/
`https://cloud.sd.cn`
`@sino`
`https://www.bilibili.com/video/BV1qH4y1X7KZ/`
**Hello**
**Hello**
\*\*Hello\*\*
`**Hello**`
Embed Page#
<iframe src="https://xlog.app" seamless width="100%" height="auto" ></iframe>
A Simple Two-Column Layout#
You stand on the bridge looking at the scenery,
While the person in the building looks at you.
The bright moon decorates your window,
You decorate someone else's dream.
--
<div style="float:left; width: 40%; padding: 0 4%">
You stand on the bridge looking at the scenery,<br>While the person in the building looks at you.<br>The bright moon decorates your window,<br>You decorate someone else's dream. <br>--<Poem>
</div>
<div style="float:left; width: 40%; padding: 0 4%">
<img src="https://ipfs.crossbell.io/ipfs/Qme355FvYXeLaDxNKWisf3WiwbjDvJo1e7GJKiYFiQKER7?img-quality=75&img-format=auto&img-onerror=redirect&img-width=384">
</div>
<div style="clear:both;"></div>
+Black Screen#
Strange
<span class="heimu" title="You know too much">Strange</span>
Footnotes#
Thus it can be seen1
Thus it can be seen[^1]
[^1]: Evident
Footnotes#
-
Evident ↩