榆钱落尽槿花稀 2052b40fbc -引入CDN配置并优化图片资源加载

- 新增`useCdn` composable，用于全局CDN URL管理
- 在`nuxt.config.ts`中配置CDN域名
- 更新图片资源路径，使用CDN URL加载
- 优化页面样式，统一使用SCSS文件
- 删除冗余组件`CdnImageExample.vue`
-头部动效增加
-增加返回顶部按钮

2025-05-16 18:17:04 +08:00

821 B

Raw Blame History

项目CDN配置

1.修改nuxt.config.ts中的 cdnDomain

2.修改assets/css/common.scss中的定义数据

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

821 B Raw Blame History

项目CDN配置

Setup

Development Server

Production

821 B

Raw Blame History