Receber por email
← Voltar para o catálogo

homepage-layout

网站首页布局自检与修复。每次新增/删除/修改项目页面后自动触发, 确保仪表盘无横向滚动条、卡片不重叠、列数随项目数量自适应。 MUST trigger when the user says: "主页布局", "首页排版", "check layout", "fix homepage", "检查页面", or after any project page add/remove/rename. Also triggered by any change to index.html or addition of new project directories.

1estrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add LiHongwei-cn/lihongwei-cn

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/homepage-layout/svg)](https://www.skillteca.com.br/skills/homepage-layout)

Skills relacionadas

Ver todas de Automação →

Alerta por categoria

Receba novas skills de Automação toda segunda

1 email curto, só com as skills novas de Automação. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

首页布局自检

适用:lihongwei-cn GitHub Pages 主页 index.html

检查并修复主页布局,确保每项标准都达标。

检查清单

逐项验证,不达标的立即修复:

  • [ ] 无横向滚动条:body { overflow-x: hidden } 已设置
  • [ ] 容器不溢出:.container 使用 max-width 而非 width,且 width: 100%
  • [ ] 仪表盘自适应:.dashboard 使用 grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))
  • [ ] 卡片不重叠:每个 .card 的 .card-body { min-width: 0 },文本有 overflow: hidden; text-overflow: ellipsis; white-space: nowrap
  • [ ] 分类区块等宽等高:同一行的 .cat-section 高度一致,不会因内

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn