Loading
工具
886 字
4 分钟

小白怎么二改博客?使用国产 Codex 阿里的 Qoder、字节的 Trae 来一键修改

2026-06-28
浏览量 加载中...
AI 摘要

不会代码也能改博客#

很多人搭好博客之后想改点东西——换个颜色、加个功能、调一下布局——但一看代码就懵了。这期教你用 AI 工具来干这事,你只需要用中文描述想要什么效果,AI 帮你改代码。

这里用两款国产工具:阿里 Qoder字节 Trae。都是免费的,对新手很友好。

工具介绍#

阿里 Qoder#

Qoder 是阿里推出的 AI 编程助手,擅长整体性的代码生成和重构。你可以把它理解为一个能读懂你项目代码的 AI 助手,告诉它要改什么,它直接帮你改好。

适合场景:整体重构、添加新功能模块、大范围样式调整。

字节 Trae#

Trae 是字节跳动做的 AI IDE(代码编辑器),内置了 AI 辅助编程能力。它更擅长细节优化和错误修复,可以一边写代码一边让 AI 帮忙。

适合场景:细节调整、修 bug、局部优化。

对比#

QoderTrae
开发商阿里巴巴字节跳动
擅长整体重构、功能添加细节优化、错误修复
使用方式描述需求 -> 生成方案编辑器内实时辅助
上手难度简单简单

两个都可以试试,看哪个更合你习惯。

操作流程#

整个流程其实很简单:

1. 安装工具#

去官网下载安装就行,Qoder 和 Trae 都有 Windows 版本。

2. 导入博客项目#

把你在 GitHub 上的博客仓库克隆到本地,然后用工具打开项目文件夹。

3. 描述你的需求#

直接用中文告诉 AI 你想改什么。比如:

  • “把首页的文章卡片改成圆角阴影样式”
  • “在导航栏加一个关于我的页面链接”
  • “把代码块的主题换成深色风格”
  • “给文章页加一个目录导航”

描述得越具体,AI 改出来的效果越接近你的预期。

4. AI 生成方案并应用#

AI 会分析你的项目代码,生成修改方案。你确认后它直接改文件。

5. 预览效果#

本地跑 pnpm dev 看效果,不满意就继续让 AI 调。

6. 满意后推送#

Terminal window
git add .
git commit -m "修改xxx样式"
git push

常见修改场景#

这些是 AI 工具比较擅长的:

样式调整:颜色、字体、间距、圆角、阴影这些视觉相关的改动,AI 处理得很好。

添加功能:搜索框、评论区、分享按钮、暗色模式切换等常见功能,基本一句话就能加上。

响应式适配:让博客在手机上也好看,AI 能帮你写媒体查询。

SEO 优化:让 AI 帮你优化 meta 标签、文章结构。

注意事项#

改之前先备份。 虽然 Git 本身就有版本记录,但保险起见,大改之前先 commit 一次当前状态。

小步测试。 不要一次让 AI 改太多东西,改一点测一点,出问题容易定位。

了解基本概念。 虽然不用会写代码,但知道 HTML 是结构、CSS 是样式这种基本概念,和 AI 沟通会更顺畅。

参考博客#

视频里展示的几个改得很好看的博客:

可以去参考一下别人的改法,找到自己喜欢的风格再动手。

视频链接:BV131TM6FEPJ

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或赞助支持!

赞助
小白怎么二改博客?使用国产 Codex 阿里的 Qoder、字节的 Trae 来一键修改
https://fqzlr.com/posts/ai-tools-customize-blog/
作者
fqzlr
发布于
2026-06-28
许可协议
CC BY-NC-SA 4.0

评论区

音乐
封面

音乐

暂未播放

0:00
0:00
暂无歌词
站点统计
文章
17
动态
3
记录次数
98
分类
2
标签
38
总字数
28,793
运行时长
0
最后活动
0 天前
[ 标签 ]
# AI工具 1 # Astro 6 # astro 1 # Cloudflare 3 # Example 1 # Firefly 6 # fuwari 1 # Git 1 # IP优选 1 # Markdown 6 # MDX 1 # Mermaid 1 # Mizuki 1 # Obsidian 3 # PlantUML 1 # Qoder 1 # Spaceship 1 # Trae 1 # Twikoo 1 # Video 1 # Waline 1 # Workers 1 # 主题对比 1 # 二改 1 # 博客 9 # 博客迁移 1 # 图床 2 # 域名 1 # 想法 1 # 文章示例 2 # 测试 2 # 演示 1 # 示例 1 # 笔记 1 # 笔记软件 1 # 自建图床 1 # 评论系统 1 # 静态博客 2
[ 分类 ]
# 博客相关 10 # 文章示例 7
[ 公告 ]

疯狂修改中

了解更多
[ 音乐 ]
封面

音乐

暂未播放

0:00
0:00
暂无歌词
找不到相关结果。
主题色相
250
壁纸模式
特效设置
文章布局
[ contents ]
[ 全部文章 ]
全部文章