配置指南

Fumomo-Nuxt 的所有配置都集中在 app/config/index.ts 文件中。通过修改这个文件，你可以轻松自定义网站的各个方面。

核心网站设置

网站基本信息

site: {
  // 网站标题 - 显示在浏览器标签页和导航栏
  title: "Haku Fumomo-Nuxt",

  // 网站副标题 - 显示在首页标题下方
  subtitle: "你好，欢迎来到Haku的个人主页Fumomo！",

  // 网站描述 - 用于SEO和社交媒体分享
  description: "欢迎来到Haku Fumomo的温柔世界，在这里分享技术、生活和思考",

  // 网站URL - 完整的域名地址
  url: "https://haku.sakura.ink",
}

个人信息设置

personal: {
  // 基本信息
  name: "Haku",
  bio: "平时喜欢整点新奇玩意，喜欢做点小项目。",
  hobby: "编程开发、网页设计",
  location: "广东深圳",
  learning: "Astro、VUE、C#",
  avatar: "https://q2.qlogo.cn/headimg_dl?dst_uin=2731443459&spec=5",

  // 社交媒体链接
  social: {
    github: "https://github.com/Hakutyan-bai",
    email: "lzj159035@foxmail.com",
  },

  // 博客链接
  blog: {
    url: "https://blog.sakura.ink",
  },
}

文章设置

文章功能支持从外部 RSS 源订阅内容。

articles: {
  // 文章页面标题
  pageTitle: "我的文章",

  // 文章页面描述
  pageDescription: "技术分享与生活感悟",

  // 每页显示文章数量
  postsPerPage: 10,

  // 文章来源说明
  sourceDescription: "文章内容来自我的博客",
}

首页内容设置

home: {
  // 主标题
  mainTitle: "Fumomo",

  // 欢迎语句
  welcomeText: "一个充满温暖与创意的小窝",

  // 首页特色介绍卡片
  features: [
    {
      title: "技术分享",
      description: "分享编程技巧、框架使用心得和技术思考",
    },
    {
      title: "生活记录",
      description: "记录日常生活中的美好瞬间和感悟",
    },
    {
      title: "创意项目",
      description: "展示个人项目和创意作品",
    },
  ],
}

页面配置

为各个页面设置标题和描述：

pages: {
  home: {
    title: "首页",
  },
  articles: {
    title: "我的文章",
    description: "技术分享与生活感悟",
  },
  about: {
    title: "关于",
  },
  projects: {
    title: "项目作品",
    description: "我的一些项目作品",
  },
  friends: {
    title: "友链",
    description: "欢迎加入我的友链交流",
  },
  website: {
    title: "我的网站",
    description: "正在运行的网站信息",
    statusCheck: {
      enable: true,              // 是否开启状态监测
      autoRefreshInterval: 300000, // 自动刷新间隔（毫秒）
      timeout: 10000,            // 检测超时时间（毫秒）
      showResponseTime: false,   // 是否显示响应时间
    },
  },
}

导航菜单配置

navigation: [
  { name: "首页", href: "/", key: "home" },
  { name: "文章", href: "/articles", key: "articles" },
  { name: "关于", href: "/about", key: "about" },
  { name: "友链", href: "/friends", key: "friends" },
  { name: "项目", href: "/projects", key: "projects" },
  { name: "网站", href: "/website", key: "website" },
]

主题配置

自定义网站的颜色和样式：

theme: {
  primaryColor: "#8b5a8c",      // 主色调
  secondaryColor: "#f0f9ff",    // 次要色
  accentColor: "#ffeef8",       // 强调色
  textColor: "#666",            // 文字色
  fontFamily: "'Comic Sans MS', 'XiaokeNailao', cursive, sans-serif",

  // 自定义鼠标样式开关
  customCursor: false,

  // 滚动导航开关
  scrollNavigation: false,
}

个人履历组件开关

控制关于页面中各个板块的显示：

qualificationSections: {
  githubHeatmap: true,      // GitHub 热力图
  skills: true,             // 技能专长
  education: true,          // 教育背景
  workExperience: true,     // 工作经历
  projects: true,           // 项目经历
  awards: true,             // 获得荣誉
}

技能专长图标

技能图标放置在 app/components/icons/ 目录下。你可以从 icones.js.org 获取更多图标的 Vue 文件。

GitHub 热力图

只需在配置中正确填写你的 GitHub 链接，热力图将自动生成：

personal: {
  social: {
    github: "https://github.com/your-username",
  }
}

环境变量配置

在项目根目录创建 .env 文件，配置敏感信息：

# RSS 订阅地址
RSS_URL=https://your-blog.com/rss.xml

# 网站公开 URL
NUXT_PUBLIC_SITE_URL=https://your-site.com