二级标题 二级标题 二级标题 二级标题 二级标题 二级标题 二级标题 二级标题

正文。那透明的伊哈托风，夏天底部仍带寒意的蓝天，装饰着美丽森林的莫里奥市，郊区闪闪发光的草浪。还有在那一起的人们，法泽罗和罗扎罗，牧羊人米罗，红脸的孩子们，地主特莫，山猫博士博甘特·德斯图帕戈等，现在在这个黑暗的大石建筑中回想起来，都像怀旧的蓝色幻灯片。那我就静静地写下那年五月到十月的伊哈托吧。

三级标题 三级标题 三级标题 三级标题 三级标题 三级标题 三级标题 三级标题 三级标题

• 列表
• 那透明的伊哈托风，夏天底部仍带寒意的蓝天，装饰着美丽森林的莫里奥市，郊区闪闪发光的草浪。
  • aaaa
  • aaaaaaaaaaaaa
  • aaa
• aaaaa

四级标题

1. 数字列表
2. Lorem ipsum elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   1. aaa
   2. aaa
3. aaaaa
   • aaa
   • aaa

基本元素

• 斜体
• 轻度强调 (b 标签)
• 强烈强调。
• 删除线
• aaa 行内代码 aaa
• 这段文字将有一个脚注。¹
• 这段文字将有一个脚注。²
• 链接文本
• 未完成任务
• 已完成任务

引用 Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem

链接

• URL 自动链接: https://astro.build/

• 如果想在新标签页中打开，请使用 HTML 编写

• 悬停显示标题的链接

定义列表

猫

大家都喜欢的毛茸茸的动物

表格

代码高亮

test.js

var elm = document.getElementById('gotop');

    window.addEventListener('scroll', function()
    if( window.pageYOffset > 200 ) elm.classList.add('show');
    else elm.classList.remove('show');

}, false);

test.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
      est laborum.
    </p>
  </body>
</html>

折叠式UI

<details>
  <summary>Summary</summary>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
  eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
  in culpa qui officia deserunt mollit anim id est laborum.
</details>