文章测试页面

这是一篇用于测试Stackdepth 风格文章排版效果的示例页面。以下内容展示了常见富文本元素在本主题下的视觉表现。

一、段落与文字样式

在深色编辑风主题中，文字通过与深蓝背景的柔和对比获得舒适的阅读体验。这段文字用于测试基础段落渲染，行宽被限制在适合长文阅读的范围。

加粗文字、斜体文字 以及 超链接 都应具备良好的辨识度。

二、列表示例

• 无序列表项 A：支持嵌套与多行文本展示。
• 无序列表项 B：在深色主题下自动保持对比度。
• 无序列表项 C：与卡片描边保持一致的视觉层级。

1. 第一步：打开机箱侧板，注意防静电措施。
2. 第二步：安装主板铜柱，确保孔位对齐。
3. 第三步：接入前置面板跳线，参考主板说明书。

三、代码块

行内代码示例：neofetch --ascii_distro Windows

// Stackdepth 风格 CSS 变量示例
:root {
    --bg: #111419;      /* 深夜蓝 */
    --ink: #eeece5;     /* 暖白 */
    --cyan: #8dcfff;    /* 极光青 */
}
.article-body {
    max-width: 70ch;
    line-height: 1.9;
}

四、引用块

"技术是手段，不是目的。真正重要的是通过技术解决问题，并带来更好的体验。" —— 清林沐枫

五、表格展示

六、图片展示

图片自动带描边，与卡片风格保持一致：

示例硬件图 / 本地化存储，不依赖外部 CDN。

七、小结

以上元素覆盖了绝大多数技术文章的排版需求。新文章只需在管理后台创建，替换标题与正文即可。