Primer Jekyll主题：如何禁用标题自动生成链接？

以下几种方法可以禁用项目详情卡片内标题的锚点链接：

• CSS隐藏锚点（最便捷）
  给项目卡片添加专属类名（比如component-card），然后在自定义样式文件中添加：

  .component-card h2 .anchor {
    display: none !important;
  }
  

  该样式仅针对卡片内的h2标题锚点生效，不会影响页面其他标题的锚点功能。

• 用非标题标签模拟标题样式
  Jekyll仅对h1-h6标签自动生成锚点，因此可以替换标签并复用主题的标题样式类：

  <div class="h2">{{ component.name }}</div>
  

  这样既保留h2的视觉效果，又不会触发锚点生成逻辑。

• JavaScript动态移除锚点
  若需动态处理，可在页面加载后删除卡片内的锚点元素：

  document.addEventListener('DOMContentLoaded', () => {
    document.querySelectorAll('.component-card h2 a.anchor').forEach(el => el.remove());
  });
  

• 修改主题模板逻辑
  若有权限修改Primer主题文件，可找到生成标题锚点的Liquid代码（通常在_includes或_layouts目录下），添加判断条件：当标题处于component-card容器内时，跳过锚点生成。

内容的提问来源于stack exchange，提问作者hawk