autorenew

Astro i18n Starter

第一篇文章

第一篇文章

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

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

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

四级标题

  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

基本元素

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

※ 小字体

链接

定义列表

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

表格

右对齐左对齐
aaaa
aadgaadfgb
标题居中对齐标题
aaaaaa

代码高亮

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

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>
    <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>

Footnotes

  1. 脚注说明。最后汇总。 ↩

  2. 脚注说明。最后汇总。 ↩