分享
2,“Claude code +glm-4.6”开发个人网站
输入“/”快速插入内容
2,“Claude code +glm-4.6”开发个人网站
用户8814
用户8814
2月4日修改
核心目标:
别管好不好看,先把网站的功能跑通,让它能动、能说话、能播视频。
1.
氛围编程 (Vibe Coding) 实战 (20min)
•
Prompt 演示:
💡
我希望做一个个人网站啊,这个人网站不要包含三个部分。第一个部分是关于我的个人介绍啊,第二部分是关于
我的作品,最近做的四个作品的呃展示。第三部分是关于我的学员的作品集第四部分就是啊怎么联系我啊,我的个人网我的社交媒体
的一个一个展示啊,总共包含这四部分,请帮我以最小最简单的那个功能去实现。然后最终我要上线到呃cloudflare,让全球的人都
访问啊,大概是这个样子。然后在你干活之前,请帮我去列一个你的你的工作计划啊,我要看看是是怎么办的,是是怎么做
2.
注入灵魂 (接入阿里云做“技术顾问”) (25min)
•
新玩法:
不是简单的聊天,是做一个**“本网站的技术顾问”**。
•
Prompt 设定:
•
“你是一个全栈开发专家。当用户问‘这个网站怎么做的?’或‘用了什么技术?’时,请回答:‘本站完全由 Claude Code 生成,无人工编写代码,后端接入了阿里云通义千问大模型。’”
•
配置环境:
在项目根目录新建
.env
,填入
DASHSCOPE_API_KEY
。
•
调试逻辑:
现场提问:“你是怎么开发出来的?”,确保它能准确回答出我们的技术栈。
3.
此刻 (加入七牛云视频作品集) (15min)
•
痛点:
网站不能只有干巴巴的字,得有视频才生动。但视频不能直接放 GitHub(太慢)。
•
解法:
使用七牛云做
“视频床”
。
•
操作:
a.
注册七牛云 -> 创建存储空间 (Bucket)。
b.
上传你的个人介绍视频/项目录屏。
c.
复制 CDN 外链。
•
Prompt:
“在首页‘关于我’的下方,加一个视频播放器,播放源地址是 [七牛云链接]。样式要简洁,圆角 12px。”
4.
最小闭环验证 (10min)
•
验收:
a.
AI 顾问能不能回答技术问题?
b.
视频能不能流畅播放?
c.
如果没有 Bug,那就准备明天的“装修”大业。