CodeNova 星码

基于 CodeBuddy 官网深度改造的 AI 编程平台品牌着陆页。完整克隆原站架构，将品牌全面重塑为 CodeNova（星码），包含智能代码补全、代码诊断、技术对话等功能展示，部署于 EdgeOne Pages。

在线体验 ·

独立开发者 · 2026年3月 · 个人项目

CSS3 / EdgeOne Pages / HTML5 / SingleFile / SVG / Tailwind CSS

项目简介

CodeNova 星码是一个从 CodeBuddy 官网（codebuddy.cn）深度克隆并全面品牌重塑的 AI 编程平台着陆页。使用 SingleFile CLI 完整保存原站页面，经过 Base64 资源提取、CSS 分离、CSP 策略修复等 7 步流水线处理，最终将品牌全面改造为个人品牌 CodeNova（星码）。

核心亮点

• 完整克隆流水线: 使用 SingleFile CLI 下载 → js-beautify 格式化 → Base64 资源提取（83个资源文件）→ CSS/HTML 分离（4.2MB CSS）→ CSP 策略修复 → Tailwind 任意值补全的 7 步标准化流程
• 深度品牌重塑: 49 处 CodeBuddy 引用替换为 CodeNova，5 处 WorkBuddy 替换为 NovaFlow，所有腾讯云品牌信息清理，自定义标语「Code with the Stars」
• EdgeOne Pages 部署: 集成到 uiux-showcase 项目，支持自定义域名 uiux.weilanx.com，路由配置完善
• 资源优化: 83 个提取资源（PNG/SVG/JPG/字体），4.2MB CSS 独立文件，HTML 结构清晰可维护

挑战

• 品牌重塑复杂度: 需要在保持页面功能和布局不变的前提下，全面替换所有品牌文字、标语、用户评价、版权信息等，确保无遗漏
• SingleFile 资源内嵌: 原始 HTML 包含大量 Base64 编码的图片和字体资源，导致文件体积过大且难以维护
• CSP 策略冲突: SingleFile 自动添加的 Content-Security-Policy 阻止外部 CSS 加载，导致样式分离后页面白屏

解决方案

• 系统化品牌替换: 使用正则表达式批量扫描替换，最终确认 0 处 CodeBuddy 残留，所有品牌元素统一替换
• 资源提取流水线: 使用 Python 脚本自动提取 Base64 资源为独立文件（83个），HTML 体积从数 MB 降至 200KB
• CSP 标签清除: 删除 SingleFile 注入的 CSP meta 标签，配合 CSS 外部引用正常加载