读取文件内readme文件,修复代码为psd转html,css的最佳实践

Créé le : 10 juillet 2026

Répondu en utilisant GPT-5.6 Thinking par Chat01

Question

psd-to-html.7z

读取文件内readme文件,修复代码为psd转html,css的最佳实践

Réflexion

最终包会移除原压缩包中约 140 MB 的跨平台 node_modules,保留源码、示例 PSD、生成结果与验证报告;安装依赖统一通过 npm install,避免再次出现原生绑定不兼容。

Thought for 14m 31s

Réponse

已读取 README,并完成 PSD 转 HTML/CSS 项目的修复与重构。

主要改进:

  • 支持任意 PSD 输入,不再硬编码文件名。
  • 默认生成独立 HTML 与 CSS,无内联样式、无 CDN 依赖。
  • 输出两种版本:
    • index.html:像素级高保真版本。
    • index.layers.html:文本、图片、形状可编辑的图层版本。
  • 引入 CSS Variables、共享样式、百分比定位、容器响应式字号等最佳实践。
  • 修复字体、字号、颜色、行高、字距、图片资源提取。
  • Canvas 改为可选加载,避免原生绑定不兼容导致 CLI 崩溃。
  • 完善 HTML 转义、视觉 Diff、数据注入和自动化测试。
  • README 和 修复说明.md 已同步更新。

验证结果:

  • npm test:全部通过。
  • 示例 PSD:147 个图层,导出 122 个图层资源。
  • 高保真页面视觉差异:0.00%
  • 已移除压缩包中的平台相关 node_modules,解压后运行 npm install 即可。

运行方式:

bash
npm install npm run generate

下载文件:

下载 ZIP 修复版

下载 7z 修复版

Partager cette Q&R