trae可快速生成完整静态博客项目:安装cli后执行trae init初始化,配置作者名和标题,自动生成含首页、文章列表、归档页及响应式样式的目录结构;编写markdown文章并用trae serve预览或trae build生成部署文件。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用Trae快速生成个人博客代码,不需要写一行HTML或CSS,只需配置基础信息并运行命令,系统会自动生成包含首页、文章列表、归档页和响应式样式的完整静态博客项目结构。
安装Trae CLI工具
打开终端,执行 npm install -g trae 命令全局安装。如果提示权限错误,请在命令前加 sudo(macOS/Linux)或以管理员身份运行 PowerShell(Windows)。
安装完成后,输入 trae --version 验证是否成功输出版本号。若报错 command not found,请重启终端或检查 Node.js 是否已正确安装。
初始化博客项目
在目标目录下运行 trae init my-blog → 按回车确认项目名称 → 选择默认模板(Markdown + GitHub Pages 风格)→ 输入作者名(如张三)→ 输入博客标题(如「我的技术笔记」)。
这一步会创建 my-blog 文件夹,并生成 config.yml、posts/、themes/ 等核心目录。【config.yml 必须手动填写 site_url 字段,否则生成的链接全为 localhost】
项目初始化后,当前目录下会出现 .traerc 隐藏配置文件,它记录了上次使用的模板路径和输出选项,不可删除。
编写第一篇 Markdown 博客
进入 my-blog/posts/ 目录,新建一个以日期开头的文件,例如 2024-05-20-初识-trae.md。
文件开头必须包含 YAML Front Matter:三行短横线之间写 title、date、tags,比如:
---title: "初识 Trae"
date: 2024-05-20
tags: [工具, 博客]
---
YAML 区域后空一行再写正文内容,支持标准 Markdown 语法。标题用 #,列表用 -,代码块用 ``` 包裹。不支持 HTML 标签混写。
本地预览与构建
方法一:实时预览
在 my-blog 目录下运行 trae serve → 自动打开 http://localhost:8080 → 修改 posts/ 下任意文件,页面即时刷新。
方法二:生成静态文件
运行 trae build → 输出到 public/ 目录 → 该目录可直接部署到 GitHub Pages 或 Vercel。
【build 后 public/ 中的 index.html 是唯一入口文件,其他 HTML 均由 JS 动态渲染,不要手动修改】











