{"id":16832704,"url":"https://github.com/zswang/h5psd","last_synced_at":"2025-05-05T04:17:55.300Z","repository":{"id":57260049,"uuid":"44386635","full_name":"zswang/h5psd","owner":"zswang","description":"Converting PSD files into mobile page","archived":false,"fork":false,"pushed_at":"2015-10-26T13:08:05.000Z","size":1435,"stargazers_count":184,"open_issues_count":2,"forks_count":43,"subscribers_count":14,"default_branch":"master","last_synced_at":"2025-05-05T04:17:49.486Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://jhtmls.com/h5psd/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zswang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-10-16T13:24:02.000Z","updated_at":"2024-11-27T10:13:31.000Z","dependencies_parsed_at":"2022-08-25T02:41:36.529Z","dependency_job_id":null,"html_url":"https://github.com/zswang/h5psd","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zswang%2Fh5psd","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zswang%2Fh5psd/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zswang%2Fh5psd/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zswang%2Fh5psd/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zswang","download_url":"https://codeload.github.com/zswang/h5psd/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252436591,"owners_count":21747473,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T11:50:07.994Z","updated_at":"2025-05-05T04:17:55.270Z","avatar_url":"https://github.com/zswang.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [![NPM version][npm-image]][npm-url] [![Build Status][travis-image]][travis-url] [![Coverage Status][coverage-image]][coverage-url]\n\n\u003e Converting PSD files into mobile page\n\nPSD 转换成移动端页面的工具。\n\n## 功能\n\n+ 自动导出图层的 PNG 文件；\n+ 导出 PNG 用 hash 命名，避免出现重复素材；\n+ 自动判断背景图；\n+ 可以使用自定义模板。（ 使用 [jdists](https://github.com/zswang/jdists) 编写）。\n\n### 预制模板\n\n+ `tpl/page.html` 标准模板\n+ `tpl/auto-bottom.html` 自动计算需要居底的图层\n\n## 效果\n\n[线上体验](http://jhtmls.com/h5psd/m2.html)\n\n+ 输出的网页\n![image](https://cloud.githubusercontent.com/assets/536587/10546866/4ae3bd6e-7463-11e5-9055-25a00e3997c1.png)\n\n+ PSD 设计稿\n![image](https://cloud.githubusercontent.com/assets/536587/10546873/58cd32fc-7463-11e5-9746-f9faae3025a3.png)\n\n## 使用\n\n### PSD 准备\n\n+ 模式 RGB 颜色、8 位通道；\n+ 合并和栅格化实际的图层；\n+ 隐藏不需要导出的图层。\n\n### 安装\n\n`$ npm install h5psd [-g]`\n\n### 命令行\n\n```\nUsage:\n\n    h5psd \u003cinput list\u003e [options]\n\nOptions:\n\n    -v, --version                Output h5psd version.\n    -o, --output                 Output directory (default input directory).\n    -s, --images                 Images directory (default \"images\").\n    -l, --layer                  Export \"\u003cname\u003e.layer\" file (default false).\n    -n, --name                   Enable the \"name\" attribute (default false).\n    -t, --template               Page jdists template file.\n```\n\n## License\n\nMIT © [zswang](http://weibo.com/zswang)\n\n[npm-url]: https://npmjs.org/package/h5psd\n[npm-image]: https://badge.fury.io/js/h5psd.svg\n[travis-url]: https://travis-ci.org/zswang/h5psd\n[travis-image]: https://travis-ci.org/zswang/h5psd.svg?branch=master\n[coverage-url]: https://coveralls.io/github/zswang/h5psd?branch=master\n[coverage-image]: https://coveralls.io/repos/zswang/h5psd/badge.svg?branch=master\u0026service=github\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzswang%2Fh5psd","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzswang%2Fh5psd","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzswang%2Fh5psd/lists"}