Date: 6/3/2026Category: GoWind风行Tag: Vue, Nuxt, CMS, GoWind
本文面向希望基于此项目进行二次开发的前端工程师,系统性地讲解项目的技术选型、架构设计与模块划分,并提供扩展开发的实操指引。
一、项目概览
本项目是一个面向内容管理的现代前端应用,使用 Nuxt 4(Vue 3)构建,支持 SSR/SSG 双模式部署,提供文章、分类、标签、评论等完整的内容管理功能,并内置多语言(中英文)和暗色模式支持。
核心特性一览
| 特性 | 技术方案 |
|---|---|
| 框架 | Nuxt 4(Vue 3.5+) |
| 样式 | Tailwind CSS v4 + CSS 变量主题系统 |
| UI 组件库 | shadcn-vue(基于 Reka UI) |
| 状态管理 | Pinia + 持久化插件 |
| 数据请求 | Axios + TanStack Vue Query |
| 国际化 | @nuxtjs/i18n(prefix 路由策略) |
| 内容渲染 | marked + Shiki + KaTeX + Mermaid |
| 富文本编辑 | Tiptap |
| API 协议 | Protobuf 生成 TypeScript HTTP 客户端 |
| 部署 | SSG 静态生成 + SPA fallback |
