零基础AI全程开发个人博客项目总结

  本次个人博客项目为全程AI辅助开发,本人零基础无编程基础,所有代码均由AI编写完成。项目整体开发周期为期一周,累计投入开发、调试与部署时长约30小时,最终实现前后端分离的完整功能博客系统,并成功部署上线。以下为本次项目完整开发全过程总结。
  一、项目功能模块规划(多次与AI协作确定)
项目初期,我通过豆包、DeepSeek等AI工具,反复沟通打磨项目需求。明确核心需求为搭建一套前后端分离的个人博客系统,先由AI输出基础功能方案,我结合个人使用场景微调优化,最终确定管理后台、前端展示页面、API接口服务三大核心模块,完整功能如下:
  1. 管理后台(Blog.Admin)
面向站长的后台管理系统,集成完整的站点运维、内容管理、数据监控功能:
•文章管理:支持文章创建、在线编辑、发布、删除,可自由切换草稿、已发布两种状态,适配日常内容更新场景。
•封面图智能管理:支持图片上传,系统自动裁剪为16:9(800×450)标准尺寸,并压缩为WebP格式,兼顾画面质量与网站加载速度。
•Markdown编辑器:集成EasyMDE编辑器,支持实时预览、图片一键上传、全套编辑工具栏,适配技术文章编写场景。
•分类标签管理:对文章分类、标签进行统一的增删改查,实现文章内容精细化归类。
•评论管理:支持全站评论审核、通过、删除操作,可按文章筛选评论,便捷管理用户互动内容。
•留言簿管理:针对访客留言提供审核、回复、发布功能,规范站点留言生态。
•数据可视化统计:实时统计站点访问量、热门文章排行,展示UV、PV访问趋势图表,直观掌握站点运营数据。
•安全日志监控:记录后台操作审计、安全事件、异常请求,全方位保障站点后台安全。
•数据备份恢复:支持JSON格式数据批量导出、导入恢复,防止站点数据丢失。
  2. 前端展示(Blog.Web)
面向访客的用户端页面,主打轻量化、高颜值、高适配性,同时完善SEO优化能力:
•首页模块:文章分页展示、封面图卡片式布局、推荐阅读、站点数据统计展示。
•文章详情:完美渲染Markdown格式内容,展示文章封面图,自动统计阅读量,支持用户点赞互动。
•分类/标签检索:支持按分类、标签聚合对应文章,方便访客精准查阅内容。
•文章归档:按年月时间维度自动归档所有文章,形成系统化的内容时间线。
•留言簿:支持访客在线留言、查看公开回复,搭建站点互动社区。
•关于页面:展示站点介绍、技术栈、个人信息及联系方式。
•全方位SEO优化:动态生成网页Meta标签、支持内容预渲染、配置站点地图Sitemap、RSS订阅,提升搜索引擎收录权重。
•适配与主题:全站响应式设计,完美适配电脑、平板、手机设备;支持暗黑/明亮双主题一键切换。
  3. API服务(Blog.Api)
作为项目核心中转层,承接前后端数据交互,打通管理后台与用户前端的数据通信,实现页面、功能、数据的联动统一。
  二、项目技术栈选型(零基础适配,AI提供建议)
本人零基础才开始自学C#,因此明确核心技术方向:后端基于C#语言开发,全程采用前后端分离架构。和AI多次沟通确定技术栈。

分类 技术名称 版本 作用
后端框架 ASP.NET Core 8.0 Web接口服务
ORM框架 Entity Framework Core 8.0 数据交互操作
数据库 MySQL 8.4 数据存储
后台框架 Blazor Server .NET 8 管理端页面
后台UI Bootstrap 5.x 后台界面样式
前端框架 Vue 3.4+ 访客展示页面
前端路由 Vue Router 4.3+ 页面跳转管理
前端组件 Element Plus 2.5+ 前端界面组件

  三、项目开发流程(规范化分阶段AI开发)
为避免开发顺序混乱、减少后期BUG堆积,我让AI依据便捷开发、循序渐进、低报错的原则,制定标准化开发流程,分阶段迭代开发、测试,全程稳扎稳打。
开发工具采用Trae IDE模式,全程模块化开发:单次只开发一个功能模块,完成后立即测试,确认无BUG后再进入下一阶段开发,从源头规避大量兼容问题和逻辑漏洞。
  四、BUG修复优化阶段
项目整体功能开发完成后,存在大量AI代码自带的逻辑BUG、兼容问题。通过全站点逐一功能测试,排查所有异常问题,再交由AI针对性逐一对症修复。
这里推荐使用deepseek-v4-flash 模型,修复效率极高,全程成本仅十几元,性价比远超其他模型,非常适合零基础项目调优。
  五、服务器部署上线阶段
部署是本次项目最耗时、问题最多的环节,累计耗时10余小时。本地开发环境可正常运行,但部署到生产环境后,会出现环境兼容、路径配置、域名解析、权限、HTTPS、接口跨域等各类线上特有问题。
全程由AI一对一指导分步部署,逐一排查并解决线上环境报错,最终完成域名绑定、服务器配置、项目上线、全站正常访问,实现项目完整落地,这也是最大的坑,部署使用的上传工具WinSCP软件。
  六、项目总结
作为零基础学习者,本次通过AI全程辅助,用一周、累计30小时就独立完成了一套前后端分离、功能完整、个人博客系统。从需求梳理、技术选型、模块化开发、BUG调试到服务器部署上线,发现如果没有专业性的编程知识还是会走很多弯路,AI在编程上对于精通的专业程序员简直是一把利器。

← 返回首页

💬 评论列表 (0)

加载评论中...

💬 发表评论

点击加载验证码

Copyright © 2026 芨芨草先生的博客 保留所有权利

本站所有内容仅作学习交流使用,部分文章来源于网络整理;如有侵权请联系站长24小时内删除。 本站发表的所有观点均为个人见解,不代表任何机构立场,不承担由此产生的一切法律责任。 未经允许禁止私自篡改、抄袭本站原创内容,转载请注明原文出处与作者。