WY-BLOG 新ui 新后台

WY-BLOG 重新调整 从 2020 年的一次练手项目，到现在基于 Vue 3、Vite、TypeScript 重构的个人博客。 这次调整不只是换了一套前端界面，也顺手把后端里一些历史遗留问题重新梳理了一遍。 写在前面 wy-blog 最初开发于 2020 年 3 月 。当时只是想自己写一个博客项目练练手，顺便巩固一下前后端开发知识。 最早的前端使用的是 jQuery ，现在回头看确实有点朴素，甚至可以说有点丑。到了 2020 年 5 月 ，我把前端升级到了 Vue 2 ，整体界面比最初好了不少，不过风格更像一个管理后台。 直到 2023 年 8 月 ，我开始重新规划前台页面，在 GitHub 上参考了一些优秀的前端项目和 UI 设计，最终确定了现在这套前台方案： Vue 3 + Vite + TypeScript 支持 PC、Pad 和移动端访问 保留博客写作，同时加入画廊、音乐、视频、小游戏、动漫、AI 助手等功能 对我这种没有太多设计天赋的人来说，现在这版已经算是相当满意了。它不再只是一个单纯的文章列表，而是一个更接近个人空间的小站。 这次调整做了什么 一开始只是想升级前端页面，但在适配后台接口的过程中，发现后端里也有不少历史遗留问题和不规范的地方。作为一个有点完美主义的人，这种情况当然不能忍，于是顺手把后端也一起整理了一遍。 那段时间基本属于下班后继续开工的状态，每天晚上都干到很晚，终于把网站整体功能、页面结构和交互体验重新整理了一遍。 调整方向 说明 前端重构 使用 Vue 3、Vite、TypeScript 重写前台页面，整体体验更流畅 移动端适配 针对手机和平板做了响应式处理，移动端浏览更自然 文章体验 支持 Markdown 渲染、代码高亮、图片预览、点赞、收藏、分享和评论 内容扩展 新增画廊、笔记、音乐、视频、小游戏、动漫搜索、追番等内容模块 AI 助手 增加页面总结、评论辅助、自定义提问等轻量 AI 功能 SEO 优化 文章详情页动态生成标题、描述、关键词、canonical 和结构化数据 后端整理 同步修复接口、权限、数据结构和一些历史遗留问题 技术栈概览 前端技术 类型 技术 用途 前端框架 Vue 3 构建前台页面和交互组件 开发语言 TypeScript 提升代码可维护性和类型约束 构建工具 Vite 本地开发和生产打包 UI 组件库