logo
0
0
WeChat Login

炼丹蓝图官网

炼丹蓝图官方网站前端项目,基于 Nuxt 构建,提供多语言展示、SEO 优化、结构化数据与可维护的组件化页面架构。

项目特性

  • 基于 Nuxt + Vue 的现代化站点架构
  • 首页模块化拆分,组件职责清晰
  • 内置中文 / 英文双语能力
  • 预置 SEO 元信息、Open Graph、Twitter Card
  • 自动生成 sitemap.xmlrobots.txt
  • 支持图片优化与静态资源缓存策略
  • 支持 SSR 与预渲染混合输出

技术栈

快速开始

1) 安装依赖

任选一个包管理器:

# npm
npm install

# yarn
yarn install

# pnpm
pnpm install

# bun
bun install

2) 启动开发环境

# npm
npm run dev

# yarn
yarn dev

# pnpm
pnpm dev

# bun
bun run dev

默认访问地址:http://localhost:3000

3) 构建与预览

# 构建
npm run build

# 预览构建产物
npm run preview

# 静态生成
npm run generate

目录结构

.
├─ app.vue                        # 应用入口
├─ nuxt.config.js                 # Nuxt 全局配置(SEO/i18n/缓存/预渲染)
├─ package.json                   # 依赖与脚本
├─ pages/
│  └─ index.vue                   # 首页
├─ layouts/
│  └─ default.vue                 # 全局布局
├─ components/                    # 首页与通用组件
├─ composables/                   # 组合式能力(SEO、Schema.org)
├─ data/                          # 页面静态数据
├─ i18n/locales/                  # 多语言文案
├─ assets/styles/
│  └─ global.css                  # 全局样式与设计变量
├─ public/                        # 静态资源
├─ server/routes/                 # 服务端路由(robots/sitemap)
└─ scripts/                       # 部署脚本与说明

核心能力说明

多语言

SEO 与结构化数据

性能与发布策略

  • SSR 开启,提升首屏与索引质量
  • 配置了预渲染规则与静态资源缓存
  • 图片通过 @nuxt/image 进行优化输出

常用脚本

脚本定义见 package.json

  • dev:本地开发
  • build:生产构建
  • preview:预览构建结果
  • generate:静态生成
  • postinstall:Nuxt 准备步骤

部署说明

项目包含 FTP 增量部署脚本:

许可证

本项目采用 GNU General Public License v3.0

如对外分发修改版本,请遵循 GPL v3 相关义务(包括保留许可证与开放对应源码)。

About

No description, topics, or website provided.
1.39 MiB
0 forks0 stars3 branches0 TagREADMEGPL-3.0 license
Language
Vue40.7%
JavaScript39.4%
HTML5.2%
CSS3.3%
Others11.4%