上周有个朋友问我:你那个旅游攻略页面是哪里做的?看起来太专业了,是请人帮你做的?我说:没有,豆包弄的,免费的,全程没写一行代码。

今天把这个方法完整分享出来。核心就一句话:用豆包生成网页,免费部署上线,整个过程不到10分钟。下面是完整步骤。

打开豆包桌面版,在右上角选「工作任务 Turbo」模式。(注意:一定要选 Turbo 模式,这个模式生成网页的能力更强,和普通模式效果差很多。)

点击「添加项目空间」,给这次任务创建一个独立的工作区。

输入「/」调出斜杠命令,选择网页相关的技能。

把你的需求输进去,描述越详细效果越好。我做的是青岛三日游攻略页面,提示词是这样写的:

帮我做一个青岛三日游旅游地图页面,出发城市上海虹桥,日期8月14-16日,风格偏人文建筑而非网红打卡。
页面需要包含:
-行程速览(三天各一张卡片)
-上海出发的交通方案(高铁+飞机两种)
-三天详细时间轴(精确到小时,含景点简介、门票、贴士)
-住宿推荐(老城/海滨两种区域)
-本地美食清单和觅食街区
-8月中旬专项实用贴士
照片从Wikimedia Commons获取真实图片,不要AI生图。
输出为完整HTML单文件,移动端适配,可以直接分享链接打开。

发出去之后耐心等就行了,内容复杂,需要一点时间。

初版出来了。我发现有几张图片没有正常显示——这很正常,第一版通常都有些小问题,不用担心。

不用手动改代码。点右上角「编辑」按钮,用鼠标框选出问题的区域,告诉豆包「这里图片没显示,帮我修复一下」,它会自己搞定的。

修复完成,有两种方式把网页发出去。第一种:直接点右上角「分享」按钮,生成一条链接,对方用手机直接打开就能看。

第二种:用斜杠命令调出「网页发布」技能,把网页部署到豆包提供的服务器上,有固定链接,完全免费。

部署指令发出去,等一会就好了。

部署完成。你就有了一个真实的网页链接,可以发朋友圈、发群聊,别人手机直接打开就能看——等于白嫖了一台服务器。

我做好的效果放在这里了,可以点开感受一下(这是调过几轮之后的版本):

https://lxplfsj2t2y.aiforce.cloud/app/app_17b0c5w8q7j

这个方法能用来做什么?

旅游攻略、活动介绍、产品展示、简历主页……只要你能用文字描述清楚需求,豆包基本都能生成出来。最关键的是:完全免费,不需要懂代码,不需要租服务器,不需要买域名。有兴趣的朋友可以照着步骤试试。觉得有用的话,顺手转发给身边有需要的朋友。

更多推荐