如何在Heti项目中仅使用自动间距功能而不影响现有样式

Heti是一个优秀的中文排版优化工具，其中的自动间距功能(autospacing)能够智能处理中文与西文、数字等混排时的间距问题。但在实际使用中，开发者可能会遇到一个常见需求：只想使用Heti的自动间距功能，而不希望引入Heti的其他样式覆盖现有设计。

核心问题分析

当直接使用Heti时，通常需要为元素添加.heti类名，这会应用Heti预设的一系列排版样式。这些预设样式可能会与开发者已有的样式产生冲突，特别是在已经精心设计过Markdown样式的场景下。

解决方案

通过分析Heti的源代码，我们可以发现自动间距功能主要依赖于以下几个CSS类：

1. .heti-spacing-start - 用于在特定字符前添加间距
2. .heti-spacing-end - 用于在特定字符后添加间距
3. .heti-adjacent-half - 用于处理相邻字符的特殊间距情况
4. .heti-adjacent-quarter - 另一种相邻字符间距处理

要实现仅使用自动间距功能，可以采取以下步骤：

1. 不引入完整的heti.min.css文件 - 避免加载预设样式
2. 自定义必要的间距样式 - 只包含自动间距相关的CSS规则

具体实现代码

/* 仅包含自动间距相关的CSS规则 */
.heti {
  heti-spacing {
    display: inline;
  }

  .heti-spacing-start {
    margin-inline-end: 0.25em;
  }

  .heti-spacing-end {
    margin-inline-start: 0.25em;
  }

  heti-adjacent {
    display: inline;
  }

  .heti-adjacent-half {
    margin-inline-end: -0.5em;
  }

  .heti-adjacent-quarter {
    margin-inline-end: -0.25em;
  }
}

使用建议

1. 将上述CSS代码集成到您现有的样式表中
2. 仍然需要初始化Heti并调用相关方法，但不需要引入完整的CSS文件
3. 可以根据实际需求调整间距值(如0.25em、0.5em等)

这种方法既保留了Heti强大的自动间距功能，又避免了样式冲突，特别适合已有成熟样式体系的网站或应用。