Syutoi
Syutoi
Markdown 阅读元素
文章目录
一级标题 H1
普通段落包含 加粗、斜体、删除线、站内链接、inline code 与 标记文字。标题、正文和交互元素沿用系统字体，在浅色和深色模式下保持清晰。
二级标题 H2
三级标题 H3
四级标题 H4
五级标题 H5
六级标题 H6
列表与定义
-
第一项包含一段说明。
这是同一列表项的第二段，需要与正文对齐。
- 嵌套的无序列表
- 再嵌套一层，文字依然可以自然换行。
- 嵌套的无序列表
-
第二项使用
inline code。
- 已完成的任务
- 尚未完成的任务
- 补充说明不是可操作的表单。
- Markdown
- 用于书写内容的轻量标记语言。
- Progressive enhancement
- 基本内容由 HTML 提供，JavaScript 为可用环境增加交互。
多层引用
一段中文引用，可以包含 正文链接 和 重点文字。
Nested quotation with English words. 在手机屏幕上检查嵌套引用的内侧宽度。
引用的最后一个段落。
表格
| 左对齐 | 居中 | 右对齐 |
|---|---|---|
| 中文内容 | English | 123.45 |
| 第二行 | 混排内容 | 678.90 |
下面的宽表格使用原生 HTML，为横向滚动提供显式键盘焦点。聚焦表格后可使用方向键滚动；窄屏也能用触控滚动查看各列。
| 项目 | 第一季度 | 第二季度 | 第三季度 | 第四季度 | 全年说明 |
|---|---|---|---|---|---|
| 阅读记录 | 12 篇长文 | 18 篇长文 | 20 篇长文 | 16 篇长文 | 记录阅读过程与引用来源，保留完整的说明。 |
| 写作记录 | 3 篇笔记 | 4 篇笔记 | 5 篇笔记 | 6 篇笔记 | 包含中文、English 与代码示例。 |
图片与说明
代码与键盘
按 Ctrl + C 复制所选文字。
const message = "Hello, 世界"; |
<example>ThisIsAnIntentionallyLongLineWithoutSpacesForCheckingHorizontalCodeScrolling012345678901234567890123456789</example> |
脚注与往返跳转
折叠内容
用 Enter 或 Space 打开这段较长的说明，检查摘要换行与键盘焦点
展开内容可以包含 Markdown、段落和列表。
- 第一项
- 第二项
嵌套的折叠说明
这段内容不需要 JavaScript。