Skip to content

配置参考

本页面提供 app/config/index.ts 中所有配置选项的完整参考。

网站基本信息配置。

属性类型说明
titlestring网站标题,显示在浏览器标签页和导航栏
subtitlestring网站副标题,显示在首页
descriptionstring网站描述,用于 SEO
urlstring网站完整 URL

文章功能配置。

属性类型说明
pageTitlestring文章页面标题
pageDescriptionstring文章页面描述
postsPerPagenumber每页显示文章数量
sourceDescriptionstring文章来源说明

首页内容配置。

属性类型说明
mainTitlestring首页主标题
welcomeTextstring欢迎语句
featuresarray特色介绍卡片数组
{
title: string // 特色标题
description: string // 特色描述
}

各页面配置。

pages: {
home: { title: string }
articles: { title: string, description: string }
about: { title: string }
projects: { title: string, description: string }
friends: { title: string, description: string }
website: {
title: string
description: string
statusCheck: {
enable: boolean // 是否开启状态监测
autoRefreshInterval: number // 自动刷新间隔(毫秒)
timeout: number // 检测超时时间(毫秒)
showResponseTime: boolean // 是否显示响应时间
}
}
}

个人信息配置。

属性类型说明
namestring你的名字
biostring个人简介
hobbystring兴趣爱好
locationstring地理位置
learningstring正在学习的技术
avatarstring头像 URL
socialobject社交链接
blogobject博客信息
social: {
github: string // GitHub 主页链接
email: string // 邮箱地址
}
blog: {
url: string // 博客地址
}

个人履历组件显示开关。

属性类型说明
githubHeatmapboolean显示 GitHub 热力图
skillsboolean显示技能专长
educationboolean显示教育背景
workExperienceboolean显示工作经历
projectsboolean显示项目经历
awardsboolean显示获得荣誉

导航菜单配置,数组类型。

navigation: [
{
name: string // 显示名称
href: string // 链接路径
key: string // 唯一标识
}
]

主题样式配置。

属性类型说明
primaryColorstring主色调(十六进制颜色)
secondaryColorstring次要色
accentColorstring强调色
textColorstring文字颜色
fontFamilystring字体族
customCursorboolean是否启用自定义鼠标样式
scrollNavigationboolean是否启用滚动页面导航

Umami 统计配置。

属性类型说明
enableboolean是否启用统计显示
apiKeystringUmami API 密钥
websiteIdstring网站 ID
apiEndpointstringAPI 端点地址

.env 文件中配置:

变量名说明
RSS_URLRSS 订阅地址
NUXT_PUBLIC_SITE_URL网站公开 URL

Nuxt 配置文件参考。

export default defineNuxtConfig({
compatibilityDate: '2025-07-15',
devtools: { enabled: true },
css: [
'@/assets/styles/global.css'
],
modules: [
'@nuxtjs/tailwindcss'
],
runtimeConfig: {
rssUrl: process.env.RSS_URL || 'https://blog.example.com/rss.xml',
public: {
siteUrl: process.env.NUXT_PUBLIC_SITE_URL || 'https://example.com'
}
},
build: {
transpile: process.env.NODE_ENV === 'production' ? ['fast-xml-parser'] : []
}
})

获取页面配置的辅助函数:

import { getPageConfig } from '../config'
const pageConfig = getPageConfig('about')
// 返回 { title: "关于" }

直接导入完整配置:

import { siteConfig } from '../config'
console.log(siteConfig.site.title)
console.log(siteConfig.personal.name)