mirror of
https://github.com/RhenCloud/Cloud-Home.git
synced 2026-01-22 17:39:07 +08:00
style(app): 使用 NuxtImg 替代 img 标签
在多个组件中将 `img` 标签替换为 `NuxtImg` 标签，提升图片加载的性能和优化。例如，在 `AboutSection.vue`、`FriendsSection.vue`、`HeroSection.vue`、`ProjectsSection.vue`、`SitesSection.vue` 和 `SkillsSection.vue` 中的图片标签。 refactor(app): 扩展 `nuxt.config.ts` 配置 扩展了 `nuxt.config.ts` 配置文件中的模块配置，添加了 `@nuxt/image` 和 `@nuxt/eslint` 模块。同时，优化了 `routeRules` 配置，以支持预渲染和增量静态生成。
This commit is contained in:
183
nuxt.config.ts
183
nuxt.config.ts
@@ -1,84 +1,99 @@
|
||||
import { defineNuxtConfig } from "nuxt/config";
|
||||
import siteConfig from "./app/config/siteConfig";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
export default defineNuxtConfig({
|
||||
compatibilityDate: "2025-12-12",
|
||||
srcDir: "app/",
|
||||
// 禁用 Vue Router 的非关键警告
|
||||
vue: {
|
||||
compilerOptions: {
|
||||
isCustomElement: (tag) => tag.startsWith("ion-"),
|
||||
},
|
||||
},
|
||||
// Tailwind CSS 集成
|
||||
css: ["~/styles.global.css"],
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
},
|
||||
app: {
|
||||
head: {
|
||||
title: siteConfig.siteMeta.title,
|
||||
link: [
|
||||
{ rel: "icon", href: siteConfig.siteMeta.icon },
|
||||
// Font Awesome CDN 预加载和优化
|
||||
{
|
||||
rel: "preload",
|
||||
as: "style",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css?font-display=swap",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
{
|
||||
rel: "preload",
|
||||
as: "font",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2?font-display=swap",
|
||||
type: "font/woff2",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
{
|
||||
rel: "preload",
|
||||
as: "font",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2?font-display=swap",
|
||||
type: "font/woff2",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
nitro: {
|
||||
prerender: {
|
||||
crawlLinks: true,
|
||||
// routes: ["/sitemap.xml", "/rss.xml"],
|
||||
},
|
||||
minify: true,
|
||||
},
|
||||
runtimeConfig: {
|
||||
smtpHost: process.env.SMTP_HOST ?? "",
|
||||
smtpPort: Number(process.env.SMTP_PORT ?? 465),
|
||||
smtpUser: process.env.SMTP_USER ?? "",
|
||||
smtpPass: process.env.SMTP_PASS ?? "",
|
||||
senderEmail: process.env.SENDER_EMAIL ?? "",
|
||||
adminEmail: process.env.ADMIN_EMAIL ?? "",
|
||||
smtpSecure: process.env.SMTP_SECURE ? process.env.SMTP_SECURE === "true" : undefined,
|
||||
wakatimeApiKey: process.env.WAKATIME_API_KEY ?? "",
|
||||
wakatimeApiUrl: process.env.WAKATIME_API_URL ?? "https://wakatime.com/api/v1",
|
||||
public: {
|
||||
githubToken: process.env.NUXT_PUBLIC_GITHUB_TOKEN ?? "",
|
||||
umamiApiKey: process.env.NUXT_PUBLIC_UMAMI_API_KEY ?? "",
|
||||
// Twikoo 评论服务地址（在 Netlify 或部署环境中设置 NUXT_PUBLIC_TWIKOO_URL）
|
||||
twikooUrl: process.env.NUXT_PUBLIC_TWIKOO_URL ?? "",
|
||||
// Giscus 配置（在部署环境中设置 NUXT_PUBLIC_GISCUS_* 系列变量）
|
||||
giscus: {
|
||||
repo: process.env.NUXT_PUBLIC_GISCUS_REPO ?? "",
|
||||
repoId: process.env.NUXT_PUBLIC_GISCUS_REPO_ID ?? "",
|
||||
category: process.env.NUXT_PUBLIC_GISCUS_CATEGORY ?? "",
|
||||
categoryId: process.env.NUXT_PUBLIC_GISCUS_CATEGORY_ID ?? "",
|
||||
mapping: process.env.NUXT_PUBLIC_GISCUS_MAPPING ?? "pathname",
|
||||
reactionsEnabled: process.env.NUXT_PUBLIC_GISCUS_REACTIONS_ENABLED ?? "1",
|
||||
emitMetadata: process.env.NUXT_PUBLIC_GISCUS_EMIT_METADATA ?? "0",
|
||||
inputPosition: process.env.NUXT_PUBLIC_GISCUS_INPUT_POSITION ?? "bottom",
|
||||
theme: process.env.NUXT_PUBLIC_GISCUS_THEME ?? "light",
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
import { defineNuxtConfig } from "nuxt/config";
|
||||
import siteConfig from "./app/config/siteConfig";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
export default defineNuxtConfig({
|
||||
compatibilityDate: "2025-12-12",
|
||||
srcDir: "app/",
|
||||
modules: ["@nuxt/image", "@nuxt/eslint"],
|
||||
|
||||
// 禁用 Vue Router 的非关键警告
|
||||
vue: {
|
||||
compilerOptions: {
|
||||
isCustomElement: (tag) => tag.startsWith("ion-"),
|
||||
},
|
||||
},
|
||||
|
||||
// Tailwind CSS 集成
|
||||
css: ["~/styles.global.css"],
|
||||
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
},
|
||||
|
||||
routeRules: {
|
||||
"/": { prerender: true },
|
||||
"/about": { isr: 3600 },
|
||||
"/sites": { prerender: true },
|
||||
"/projects": { prerender: true },
|
||||
"/friends": { prerender: true },
|
||||
},
|
||||
|
||||
app: {
|
||||
head: {
|
||||
title: siteConfig.siteMeta.title,
|
||||
link: [
|
||||
{ rel: "icon", href: siteConfig.siteMeta.icon },
|
||||
// Font Awesome CDN 预加载和优化
|
||||
{
|
||||
rel: "preload",
|
||||
as: "style",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css?font-display=swap",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
{
|
||||
rel: "preload",
|
||||
as: "font",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-solid-900.woff2?font-display=swap",
|
||||
type: "font/woff2",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
{
|
||||
rel: "preload",
|
||||
as: "font",
|
||||
href: "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/webfonts/fa-brands-400.woff2?font-display=swap",
|
||||
type: "font/woff2",
|
||||
crossorigin: "anonymous",
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|
||||
nitro: {
|
||||
prerender: {
|
||||
crawlLinks: true,
|
||||
// routes: ["/sitemap.xml", "/rss.xml"],
|
||||
},
|
||||
minify: true,
|
||||
},
|
||||
|
||||
runtimeConfig: {
|
||||
smtpHost: process.env.SMTP_HOST ?? "",
|
||||
smtpPort: Number(process.env.SMTP_PORT ?? 465),
|
||||
smtpUser: process.env.SMTP_USER ?? "",
|
||||
smtpPass: process.env.SMTP_PASS ?? "",
|
||||
senderEmail: process.env.SENDER_EMAIL ?? "",
|
||||
adminEmail: process.env.ADMIN_EMAIL ?? "",
|
||||
smtpSecure: process.env.SMTP_SECURE ? process.env.SMTP_SECURE === "true" : undefined,
|
||||
wakatimeApiKey: process.env.WAKATIME_API_KEY ?? "",
|
||||
wakatimeApiUrl: process.env.WAKATIME_API_URL ?? "https://wakatime.com/api/v1",
|
||||
public: {
|
||||
githubToken: process.env.NUXT_PUBLIC_GITHUB_TOKEN ?? "",
|
||||
umamiApiKey: process.env.NUXT_PUBLIC_UMAMI_API_KEY ?? "",
|
||||
// Twikoo 评论服务地址（在 Netlify 或部署环境中设置 NUXT_PUBLIC_TWIKOO_URL）
|
||||
twikooUrl: process.env.NUXT_PUBLIC_TWIKOO_URL ?? "",
|
||||
// Giscus 配置（在部署环境中设置 NUXT_PUBLIC_GISCUS_* 系列变量）
|
||||
giscus: {
|
||||
repo: process.env.NUXT_PUBLIC_GISCUS_REPO ?? "",
|
||||
repoId: process.env.NUXT_PUBLIC_GISCUS_REPO_ID ?? "",
|
||||
category: process.env.NUXT_PUBLIC_GISCUS_CATEGORY ?? "",
|
||||
categoryId: process.env.NUXT_PUBLIC_GISCUS_CATEGORY_ID ?? "",
|
||||
mapping: process.env.NUXT_PUBLIC_GISCUS_MAPPING ?? "pathname",
|
||||
reactionsEnabled: process.env.NUXT_PUBLIC_GISCUS_REACTIONS_ENABLED ?? "1",
|
||||
emitMetadata: process.env.NUXT_PUBLIC_GISCUS_EMIT_METADATA ?? "0",
|
||||
inputPosition: process.env.NUXT_PUBLIC_GISCUS_INPUT_POSITION ?? "bottom",
|
||||
theme: process.env.NUXT_PUBLIC_GISCUS_THEME ?? "light",
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user