Syutoi
Syutoi 示例与验收入口
文章目录
从这里可以查看当前版本的完整阅读体验。示例正文与主题本身分开维护,安装主题不会把这些文章复制到你的博客。
阅读与写作
| 示例 | 主要检查内容 |
|---|---|
| 标准 Markdown 与迁移 | 脚注、任务列表、代码与旧语法替代方式 |
| 中英文混排 | 中文、繁体、英文、长链接和行内代码 |
| 阅读元素 | H1–H6、引用、列表、表格、details |
| 代码展示与复制 | 已知/未知语言、空白、行号、复制和键盘滚动 |
| 图片展示与加载 | 图注、横竖图、小图、picture 与加载失败 |
| 一篇完整的长文 | 封面、摘要、目录、分类标签及长距离滚动 |
边界页面
| 示例 | 预期行为 |
|---|---|
| 无封面、无摘要文章 | 列表显示紧凑文字卡片,文章正文仍完整 |
| 长标题与长字符串 | 标题换行、长地址和标识符不撑宽页面 |
| 没有标题的文章 | 使用本地化的未命名提示 |
| 空正文 Page | 标题与导航保留,不出现空目录 |
| English page | 单页语言覆盖,英文导航和交互提示 |
| 404 页面 | 错误说明与返回首页链接 |
列表与导航
检查 首页、第二页、归档、分类、标签 和 友链。文章页底部可以前后跳转,目录与分页使用普通链接。
使用这些示例
- 切换浅色、深色和自动模式,比较正文与控件的可读性。
- 在桌面与手机宽度下查看表格、长代码和长标题。
- 使用 Tab、Enter、Space、Escape 和方向键操作导航、折叠内容与代码滚动区。
- 禁用 JavaScript 后重新加载,确认正文、目录、分页、图片和 details 仍可用。
图片示例中有一个故意失效的图片地址,用于检查替代文字;它不是待修复的资源。复制按钮需要浏览器 Clipboard API,没有该 API 时仍可手动选中代码。
旧文章继续保留,用于迁移和历史链接回归;其中描述的旧插件和配置不代表当前安装方式。当前文档位于仓库的 docs/。