我用 Trae 三句提示词，10 分钟把博客搭好了（附视频）

说白了，做一个自己的博客，今天真的不用学编程、不用买服务器、不用花一分钱。下面三句提示词复制到 Trae 里，回车，一个能访问的个人博客就上线了。小白照抄。

我见过太多人卡在「想写博客」这一步。不是没东西写，是觉得建站门槛高：要学 HTML、要租服务器、要绑定域名，光想想就劝退了。我一个做运营的朋友，公众号写得好好的，一直想有个自己的独立博客，纠结了三年没动手。

上个月我当着他面，打开 Trae，复制了三句中文提示词进去，回车。十分钟，一个带首页、文章列表、关于页、还能直接发文的个人博客跑起来了，挂在免费的 Vercel 上，给了个 xxx.vercel.app 的网址，当场能打开。他愣了半天说：「就这？」

这篇是那三句提示词，加上我把五个最常见的坑都填平的完整版。你复制就能用。

传统建站按天算，Trae 按分钟算

先说清楚一个反常识的事：建站难，难的从来不是「写代码」，是「你得先懂一堆不相干的东西」才能开始。传统路线里，你为了发一篇文章，得先搞明白域名解析、服务器环境、数据库，这些跟你「想表达观点」半毛钱关系没有。

AI 编程工具把这条线砍断了。你现在的身份不是「程序员」，是「用中文描述需求的人」。剩下的脏活，Trae 干。记住这点，下面五个痛点就都不叫事了。

个人博客适用度：Trae 五星领先

这是 90% 的人卡住的理由。但你说白了只是不会写，又不是不会用中文描述。Trae 的 Builder 模式听懂人话，你告诉它要个什么样的博客，它就把代码拼出来。

▼ 把下面这段复制到 Trae Builder，回车：

帮我用 React + Vite 做一个个人博客网站： 1. 首页：顶部导航（首页 / 文章 / 关于），中间是博客标题和一句个人简介，下方展示最新 3 篇文章卡片 2. 文章列表页：按时间倒序列出所有文章，每张卡片有标题、发布日期、150 字摘要、阅读更多按钮 3. 文章详情页：渲染 Markdown 内容，支持代码高亮、图片、引用块 4. 关于页：放我的头像、简介、社交链接（GitHub / 知乎 / 邮箱） 5. 整体风格：极简、大量留白、衬线标题 + 无衬线正文、主色用靛蓝 #4f46e5 6. 所有文章数据放在 /posts 目录下的 Markdown 文件里，我以后直接加文件就能发新文章

下面是我把上面提示词实际跑出来的效果

这段的核心不在「做一个博客」，在最后一句。你告诉它文章用 Markdown 文件管理，等于顺手把「以后怎么发文」也一起解决了。很多人只写「做个博客」，结果生成出来是个写死的空壳，后期改起来比自己写还累。

一年花 60 块买域名就到顶，其余全免费

这是最大的误解。十年前建站要买虚拟主机，一年几百块起步。现在 Vercel、Netlify、GitHub Pages 全都有免费层，个人博客基本用不完额度。你那点访问量，免费层绰绰有余。

▼ 让 Trae 直接生成可一键部署的项目：

在上面的博客项目里，帮我配置好 Vercel 部署： 1. 添加 vercel.json，设置构建命令为 npm run build，输出目录为 dist 2. 生成一个 README，写清楚：怎么 git push 到 GitHub、在 Vercel 里导入仓库、怎么绑定自己的域名 3. 项目根目录加 .gitignore，忽略 node_modules 和 dist 4. 用纯静态生成方式，不要依赖任何需要付费的后端服务

实测：Trae 生成的 vercel.json 一次就能过。你只要把代码推到 GitHub，Vercel 连一下仓库，等两分钟，网址就出来了。全程 0 元。你说贵？它连收费的入口都没给你开。

这担心不冤。AI 默认审美经常翻车，生成个蓝白配色加大红按钮，像十年前的企业官网。但丑不丑，你早说了算，在提示词里就把风格钉死。

▼ 嫌丑就加这段风格约束：

把博客视觉改成我喜欢的风格： 1. 排版参考 Medium：正文宽度限制在 680px 居中，行高 1.8，段间距宽松 2. 标题用衬线字体（Noto Serif SC），正文用无衬线（Noto Sans SC） 3. 配色：背景纯白 #ffffff，文字深灰 #1f2329，链接和强调色用靛蓝 #4f46e5，不用任何渐变 4. 文章卡片 hover 时轻微上浮 2px 加阴影，过渡 0.2 秒 5. 手机端单列，导航收进汉堡菜单

风格完全可控。如果你提示词里要深色主题，跑出来的效果会是这样

经验之谈：风格描述越具体，出来的东西越像样。你说「好看一点」它只会给你安全牌；你说「参考 Medium、680px 居中、衬线标题」，它才知道你要的是哪一味。设计感是描述出来的，不是碰运气碰出来的。

不会写代码的人，最该练的不是编程，是把脑子里的审美翻译成文字的能力。

有人担心：博客搭好了，发文是不是又要学后台？不用。刚才痛点一的提示词里，我们让文章存在 Markdown 文件里。这意味着你发文 = 新建一个 .md 文件，写完保存，推到 GitHub，网站自动更新。

▼ 直接加一篇示例文章，让它把结构跑通：

在 /posts 目录下创建一篇示例文章 hello-world.md： 1. 用 YAML frontmatter 写标题、日期、摘要、标签 2. 正文用 Markdown 写一段我的自我介绍，包含：一个二级标题、一段加粗文字、一段引用、一段带注释的代码块 3. 确保首页和列表页能正确读取这篇新文章并显示

加了一篇示例文章后，点击进去的详情页长这样（代码高亮、引用块、标签都有）：

这条跑通之后，你往后发文就是复制这个 .md 文件改内容。无后台、无数据库、不会点错按钮把整站搞崩。对不碰技术的人来说，这种「文件即文章」的模式反而最省心。

怕麻烦的人，最该用 GitHub 托管。它不是给程序员炫技的，是给你一个「后悔药」：每次改动都有记录，改坏了点一下就能回到昨天。而且你的文章是纯文本，哪天想换平台，复制走就是，不存在被锁死。

部署那一步 Trae 已经帮你写了 README，照着 push 就行。我那个运营朋友现在每周发一篇，全在手机上写 Markdown，推上去就完事。他原话：「比我发公众号还简单。」

说透一点，个人博客这条路上，钱花在哪儿是值的，花在哪儿是冤枉的：

项目免费方案付费方案我的建议托管部署 Vercel / GitHub Pages 免费层 Vercel Pro $20/月 个人博客用免费，别交 域名 xxx.vercel.app 自带 自己买 .com 约 ¥60/年 想正经做品牌再买 图片存储 放仓库里 图床 / 对象存储 图片少用仓库够 评论系统 无，或用免费 Giscus 第三方付费插件 Giscus 接 GitHub 免费

结论很干脆：一个纯写作的个人博客，一年花 60 块买个域名就到顶了，其余全免费。那些忽悠你「建站必须上云服务器」的，要么自己没用过新工具，要么就是想卖你服务器。

第一坑：提示词没说清楚文章怎么存。第一次生成的是写死在代码里的假数据，我想加文章得改源码，累死。后来学会了「Markdown 文件驱动」，世界清净了。

第二坑：本地能跑，部署报错。原因是用了某个只在本地有的依赖。让 Trae 改成纯静态生成后，Vercel 一遍过。

第三坑：中文字体没加载。默认字体在手机上发虚。提示词里指定 Noto Serif SC / Noto Sans SC 后正常了。这种细节你不提，它不会猜。

上手难度：★★☆☆☆。不要求任何编程基础，你只要会复制粘贴、会用 GitHub 网页版上传文件。真正难的只有一件事：把你要的博客长什么样，用中文写清楚。这篇的五个提示词模板，就是帮你跨过这最难的一步。

适合：想有独立发声阵地的内容创作者、程序员想弄技术博客、自由职业者展示作品、学生做个人主页。

不适合：要做会员付费、复杂后台管理、高并发电商这类重后端项目。Trae 强在前端和静态站，重逻辑的事它勉强，但你别难为它。

十年前建个博客是门手艺，今天它只是个复制粘贴。时代变了，别被旧印象吓住。

· 以上 ·

关于作者

叶蔚卿，90 后，穿梭互联网二十年，团广网创始人，现为自雇者，热爱写作，研究AI 领域。

本公众号专注解读技术与文明博弈，带你见证数字世界的全新纪元。

#Trae #个人博客搭建 #零代码建站 #AI建站 #提示词 #砚数教程

叶蔚卿

数据来源：Trae 官方、Vercel 官方、作者实测整理

☆ 星标「砚数」，第一时间收到推送