从不知所措到上线工具:我的建站与开发踩坑实录
【引言】
一开始,我只是想给家里做五金组装的爸妈弄个简单的官网,顺便看看能不能赚点服务器钱。但我是个未成年,没营业执照,不知道怎么弄。没想到,在这个过程中,我一路踩坑,最后居然自己用 AI 写出了一个“企业网页生成器”。
这篇小记,记录了我这几天到底经历了什么。
阶段一:变现的幻想与现实(规划篇)
踩坑: 一开始我想用赞赏码,甚至想搞“赞赏解锁完整功能”。后来查了资料才发现,只要涉及“付费解锁”,就属于经营性行为,未成年没执照做这个风险极大。
解决: 我明白了,现阶段只能做“完全免费的内容 + 文末纯自愿的赞赏”。这才有了后来“为人民服务,只做免费工具”的想法。
阶段二:服务器、备案与 CDN 的“套娃”折磨(基建篇)
踩坑: 国内服务器提示要备案,我是未成年搞不定。于是我换了香港服务器。
踩坑升级: 但套了 qedge 的 CDN 后,我发现如果节点走杭州(国内),依然会触发备案。我甚至在控制台查了半天也没看懂。
解决: 最后,我用测速工具查了域名的解析 IP,确认它落在了香港节点。这才彻底放心:香港服务器免备案,国内也能访问,只要不碰大陆节点就行。
阶段三:企业官网的“空壳”难题(项目篇)
踩坑: 给爸妈做官网,结果产品参数太多、整理起来太麻烦,爸妈也不知道我在做这个。加上不想暴露手机号,官网迟迟填不满。
解决: 我放弃了填满所有参数的想法。决定只放“最近卖得多的几个品类”,联系方式改放业务微信二维码。更重要的是,我明白了这个站不是用来获客的,而是用来做给老客户看的“资料页”。
阶段四:用 AI 手搓“企业网页生成器”(高光篇)
起因: 既然官网不好做,我就想,能不能做一个让不懂代码的小老板,自己“填字就能生成网页”的工具?
开发: 我用了 WorkBuddy。第一步,只做最简版:左边填表,右边预览,点按钮复制 HTML 代码。
美化与踩坑:
嫌极简太丑?加上自定义主题色和背景图片!
背景图导出后丢失?让 AI 把图片转成 Base64 编码嵌进代码里。
文字太死板?加上全局文字颜色、卡片透明度和遮罩透明度滑块。
背景图铺不满屏幕?用 CSS 的
background-size: cover;解决。单行输入框不能换行?修改渲染逻辑,把换行符替换成
<br>。小白不会复制代码?加上“一键下载 HTML 文件”的 Blob 下载功能。
上线: 买了新域名
qyweb.qy7z.top,正式部署上线。
阶段五:走向市场与父母的“摊牌”(商业篇)
解决支付接口的幻想: 发现支付宝开放平台需要备案和执照,走不通。最终决定:我出技术,客户加我微信,收款交给我爸妈的微信收款码。 合规又安全。
引流: 在博客写下了第一篇文章,并在小红书发布了第一篇笔记。还去跟爸妈展示了我的工作,让他们知道我不是在发呆。
【结尾】
虽然现在还没人给我赞赏,也不知道会不会有客户来找我做定制。但看着 qyweb.qy7z.top 这个自己亲手写出来、部署上线的网页,我第一次觉得,原来我也可以通过技术和思考,做出真正有用的东西。
我的微信:qy7z_7
从不知所措到上线工具:我的建站与开发踩坑实录
https://blog.qy7z,top/archives/wei-ming-ming-wen-zhang
评论