本文存放使用本站CSS的组件模板

1 HyNav式链接群

删除硬编码grid-template-columns可恢复响应式设计。

两种子风格（为便于直接使用，此处已取消缩进格式）：

• 普通页面：

<div class="hyplus-nav-container hyplus-unselectable" style="grid-template-columns: 1fr;">
<div class="hyplus-nav-section">
<h3>Title</h3>
<div class="hyplus-nav-links">
<div class="hyplus-nav-group">
<a href="" class="hyplus-nav-link">Link</a>
</div>
</div>
</div>
</div>

• 博文索引：

<div class="hyplus-nav-container hyplus-unselectable" style="grid-template-columns: 1fr; padding-bottom: 16px;">
<div class="hyplus-nav-section">
<div style="font-size: 20px; font-weight: 600; text-align: center; margin: 0 0 12px 0;">Title</div>
<div class="hyplus-nav-links">
<div class="hyplus-nav-group">
<a href="" class="hyplus-nav-link">Link</a>
</div>
</div>
</div>
</div>