From 8f3b3dff2163e3cfdc8028484469a5901a8656d3 Mon Sep 17 00:00:00 2001 From: Zopt Date: Thu, 11 Sep 2025 14:13:44 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E7=BA=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 188 +++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 157 insertions(+), 31 deletions(-) diff --git a/README.md b/README.md index 25b5821..e337450 100644 --- a/README.md +++ b/README.md @@ -1,75 +1,201 @@ -# Nuxt Minimal Starter +# ClueFlare - 专业云服务代理平台 -Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more. +ClueFlare 是一个现代化的云服务代理平台，帮助用户轻松连接和访问世界级云服务提供商，包括 AWS、阿里云、腾讯云等。网站采用 Nuxt 3 构建，支持多语言国际化，提供响应式设计和优秀的用户体验。 -## Setup +## ✨ 主要特性 -Make sure to install dependencies: +- 🌐 **多语言支持** - 支持英语、简体中文、繁体中文 +- 📱 **响应式设计** - 完美适配桌面端和移动端 +- 🎨 **现代化UI** - 基于 Tailwind CSS 的美观界面 +- 📝 **内容管理** - 集成 Nuxt Content 的博客系统 +- 🔍 **SEO优化** - 内置 SEO 优化和元数据管理 +- ⚡ **高性能** - 基于 Nuxt 3 的快速加载体验 +- 💬 **在线客服** - 集成 ChatWay 客服系统 -```bash -# npm +## 🚀 技术栈 + +- **框架**: Nuxt 3 +- **前端**: Vue 3 + TypeScript +- **样式**: Tailwind CSS +- **国际化**: @nuxtjs/i18n +- **内容管理**: @nuxt/content +- **SEO**: @nuxtjs/seo +- **构建工具**: Vite + +## 📁 项目结构 + +``` +cloudsphere/ +├── assets/ # 静态资源 +│ └── css/ +│ └── main.css # 全局样式 +├── components/ # Vue 组件 +│ ├── ContactForm.vue # 联系表单 +│ ├── Footer.vue # 页脚组件 +│ ├── Header.vue # 头部组件 +│ └── LanguageSwitcher.vue # 语言切换器 +├── content/ # 内容文件 +│ ├── en/ # 英文内容 +│ ├── zh-hans/ # 简体中文内容 +│ └── zh-hant/ # 繁体中文内容 +├── i18n/ # 国际化配置 +│ └── locales/ # 语言文件 +├── layouts/ # 布局文件 +│ └── default.vue # 默认布局 +├── pages/ # 页面文件 +│ ├── blog/ # 博客页面 +│ ├── about.vue # 关于页面 +│ ├── contact.vue # 联系页面 +│ └── index.vue # 首页 +├── public/ # 公共静态文件 +├── nuxt.config.ts # Nuxt 配置文件 +└── package.json # 项目依赖 +``` + +## 🛠️ 开发环境设置 + +### 环境要求 + +- Node.js >= 18.0.0 +- npm, pnpm, yarn 或 bun + +### 安装依赖 + +```powershell +# 使用 npm npm install -# pnpm +# 使用 pnpm pnpm install -# yarn +# 使用 yarn yarn install -# bun +# 使用 bun bun install ``` -## Development Server +### 启动开发服务器 -Start the development server on `http://localhost:3000`: - -```bash -# npm +```powershell +# 使用 npm npm run dev -# pnpm +# 使用 pnpm pnpm dev -# yarn +# 使用 yarn yarn dev -# bun +# 使用 bun bun run dev ``` -## Production +开发服务器将在 `http://localhost:3000` 启动。 -Build the application for production: +## 🏗️ 构建和部署 -```bash -# npm +### 构建生产版本 + +```powershell +# 使用 npm npm run build -# pnpm +# 使用 pnpm pnpm build -# yarn +# 使用 yarn yarn build -# bun +# 使用 bun bun run build ``` -Locally preview production build: +### 预览生产构建 -```bash -# npm +```powershell +# 使用 npm npm run preview -# pnpm +# 使用 pnpm pnpm preview -# yarn +# 使用 yarn yarn preview -# bun +# 使用 bun bun run preview ``` -Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. +### 生成静态站点 + +```powershell +# 使用 npm +npm run generate + +# 使用 pnpm +pnpm generate + +# 使用 yarn +yarn generate + +# 使用 bun +bun run generate +``` + +## 🌍 多语言配置 + +项目支持三种语言： +- 英语 (en) +- 简体中文 (zh-hans) +- 繁体中文 (zh-hant) + +语言文件位于 `i18n/locales/` 目录下，内容文件位于 `content/` 目录下。 + +## 📝 内容管理 + +博客文章使用 Markdown 格式编写，存储在 `content/` 目录下。每篇文章需要包含以下前置元数据： + +```yaml +--- +title: "文章标题" +description: "文章描述" +date: "2024-01-15" +slug: "article-slug" +locale: "zh-hans" +--- +``` + +## 🎨 样式定制 + +项目使用 Tailwind CSS 进行样式管理。全局样式文件位于 `assets/css/main.css`，可以通过修改 Tailwind 配置来自定义主题。 + +## 📱 响应式设计 + +网站采用移动优先的响应式设计，确保在各种设备上都有良好的用户体验。 + +## 🔧 开发工具 + +项目集成了以下开发工具： +- Nuxt DevTools - 开发调试工具 +- TypeScript - 类型安全 +- ESLint - 代码质量检查 +- Prettier - 代码格式化 + +## 📄 许可证 + +本项目为私有项目，版权所有。 + +## 🤝 贡献 + +如果您想为项目做出贡献，请先联系项目维护者。 + +## 📞 联系我们 + +- **Telegram**: @pinnovatecloud +- **WhatsApp**: +1 9174029875 +- **网站**: http://clueflare.com + +--- + +更多信息请参考 [Nuxt 官方文档](https://nuxt.com/docs/getting-started/introduction)。