定制页面架构

演示通过 noStyle: true 实现的绝对布局控制。

逻辑基础

本演示使用 noStyle: true frontmatter 指令绕过全局文档布局(侧边栏、Header 和目录)。这提供了一个"零阻力"画布,用于创建营销落地页或自定义产品仪表盘。

<h3>已启用的系统组件</h3>
<p>在 No-Style 模式下,你需要明确选择文档引擎的核心功能:</p>

<ul>
  <li><strong>SEO 元引擎</strong>:结构化标签和社交图谱数据被保留。</li>
  <li><strong>项目品牌</strong>:全局 favicon 注入保持活跃。</li>
  <li><strong>基础排版</strong>:处理后的 <code>docmd-main.css</code> 提供基础样式。</li>
  <li><strong>主题同步</strong>:浅色/深色模式状态完全保留。</li>
  <li><strong>交互能力</strong>:SPA 路由器和组件逻辑保持可用。</li>
</ul>

<h3>技术实现</h3>
<p>
  此页面的布局使用标准 HTML 包装器和在 <code>customHead</code> frontmatter 字段中定义的作用域 CSS 编写。这确保了零 CSS 泄漏到文档站点的其余部分。
</p>

<a href="/content/no-style-pages/" class="demo-button">分析实现指南 →</a>