博客简介：
上周，我妹问我：“哥，我想把自己画的图放网上，做个简单的小站，难吗？”
我说：“你猜我从0到上线用了多久？”
她：“一天？”
我：“1小时。工具全免费，代码几乎不用写。”
她愣了三秒：“那我不是也能？”
我把这1小时拆成了4步。今天，你也行。
故事：
一. 用Trae编程
我妹是个插画师，一直想有个自己的作品站。问我：“搭个网站难吗？”
我挠挠头：“搁十年前，你得买服务器、配环境、手敲HTML……”
小敏心里一沉。
我接着说：“但现在嘛——”打开一个叫Trae的软件，“你看，这是AI编程助手。你跟它说人话就行。”
我妹试探着打字：“我想做个作品集网站，上边头像，中间自我介绍，下面放作品图。”
回车。代码像泉水一样涌了出来。
“完了？”我妹瞪大眼睛。
“完了。”我喝了口咖啡，“它写，你看，不用谢。”
操作流程：
1.安装trae
trae国内版安装地址：
https://www.trae.cn/
trae国际版安装地址：
https://www.trae.ai/
2.安装前端设计skill：frontend-design
该 Skill 可以帮我们创建具有 独特性 和 高设计品质 的前端界面，能够达到 生产级别 (production-grade) 的标准。
skill地址：
https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
下载skill.md文档 -》 打开trae左上角设置 -》选中规则和技能 -》创建技能 -》 粘贴skill.md文档并确认创建
3.生成网站代码
打开trae solo模式，输入提示词：
使用frontend-design，设计一个充满未来感的个人技术展示网站，内容包括：技术展示、个人履历、个人爱好、生活相册
二. 即梦AI生成图片
网站架子有了，但我妹翻了翻自己的插画文件夹——都带着水印草稿，不能直接放上去。
“总不能现画三张吧……”
我凑过来：“你没画，就让AI帮你画啊。”
打开一个叫即梦的工具，在对话框里打字：“星空下的女孩，绘本风格，温柔色调。”
几秒钟后，一张图缓缓生成。
我妹看呆了：“这……这算我画的吗？”
我笑了：“算你‘生的’。工具是AI，但提示词是你的。”
操作流程：
1.用即梦AI生成你想要的图片
即梦网址：
https://jimeng.jianying.com/ai-tool/home
三. PicGo上传图片
图有了，但怎么放进网站？
我指着本地文件夹：“图不能搁这儿。网站上线后，别人访问的是网上的地址，不是你的硬盘。”
打开一个叫PicGo的小工具，把三张图拖进去。
“咔”一声，每张图后面都多了一串网址。
“这是图床工具，”我说，“你把图交给它，它还你一个永久链接。链接贴进代码里，全世界都能看见。”
我妹把链接复制进Trae生成的代码里。刷新预览——图出来了，干干净净。
操作流程：
1.github创建一个公开库images
2.生成tokens:
点击 GitHub 右上角头像 → Settings → 左下角 Developer settings → Personal access tokens → Tokens (classic)
3.安装picGo
picGo安装地址：
https://github.com/Molunerfinn/PicGo/releases
打开 PicGo，左侧菜单 图床设置 -》 github -》填写参数 -》确定生成图床 -》上传区上传图片 -》相册区复制图片链接
图床设置主要有三个重要参数：
- 设定仓库名: github用户名/仓库名
- 设定token: 第2步生成的token
- 设定自定义域名
https://cdn.jsdelivr.net/gh/用户名/仓库名
4.把图片链接复制进Trae生成的代码
四. GitHub Pages部署
“最后一步，”我说，“把你的网站送到网上去。”
我妹以为要输什么神秘指令。结果我只是打开GitHub，新建了一个仓库，把代码拖进去，点了几个按钮。
“等两分钟。”
她盯着屏幕。
两分钟后，我把链接发给她。
她点开——白底黑字，左边她的头像，右边“小敏的画”，下面三张星空图，正正好好地躺着。
“这……这就上线了？”
“嗯，全世界都能看了。”
我妹沉默了很久。
然后她说：“所以以后，我想做什么网站，都不用求人了？”
我想了想：“你可能需要求AI帮你写代码。”
她笑了。
操作流程：
1.创建github仓库
仓库名：github用户名.github.io
2.本地代码上传到github
这里不详细写上传步骤，可见以下技术博客：
https://cloud.tencent.com/developer/article/1086937
3.上线网站
进入仓库 -》settings -》Code and automation -》Pages
- source选择deploy from a branch
- branch选择你的代码分支并保存
- 点击右上角visit site跳转个人网站
说在最后：
故事纯属虚构，用deepseek生成的(笑）。
附上完成的网站地址：
https://lanshanlan.github.io/
