逆天的仿站软件,只需网站截图,复制和网站一样的效果

本文详细介绍了如何从GitHub上下载并配置开源项目screenshot-to-code,使用OpenAI_API_KEY,通过Poetry管理和启动后端服务,以及在前端进行开发,最终实现网页截图转HTML/CSS的功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

可以看到功能非常强大,你只需一张你喜欢的网页截图,他会帮你生成和网页一样的html和css代码,内容他会自动替换,从此解放双手。

效果展示

第一、去github下载开源项目

开源项目:GitHub - abi/screenshot-to-code

注:这是别人的开源项目

进去后按步骤点击

第二、解压开源项目

下载成功后解压,解压后cmd进入当前目录(我把它下载到d:)

第三、通过pip install poetry,等它下载完

第四、通过下面这些命令启动后端

cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001

注意:OPENAI_API_KEY=sk-your-key,的sk-your-key填你的OpenAI API 密钥

通过poetry install下载报错

去官网下载最新版,然后去控制面板删除以前的版本,如果下载了最新的,一般有两个python版本,卸载以前的就好,

更改环境变量删除原来的,保留最新的(这是我原来python环境路径,需要删除,换最新的下载路径)

第五、后端启动成功的标准

第六、我们需要再开一个cmd还是这个目录

第七、运行前端,执行一下命令

cd frontend
yarn
yarn dev

成功页面

最后打开http://localhost:5173以使用该应用程序。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值