基于 Vue3 开发的个人作品和专业技能的数字名片网站。

• 🚀 Vue 3 - 渐进式 JavaScript 框架
• 🛠️ TypeScript - JavaScript 的超集
• 📦 Vite - 下一代前端构建工具
• 🎨 Sass - CSS 预处理器
• 🌐 Vue I18n - Vue.js 的国际化插件
• 📅 GitHub Calendar - GitHub 贡献日历组件
• 🎯 @vueuse/core - Vue Composition API 工具集

• 演示地址：https://new.xcj.im
• 预览截图：

• I18n
• 主题切换
• 打字机效果
• GitHub 贡献日历
• 立体镭射卡片
  • 立体镭射卡片兼容移动端陀螺仪
• 时间轴转盘

• Node.js >= 16
• pnpm >= 8

pnpm i

pnpm dev

pnpm build

pnpm preview

环境变量

• VITE_SITE_URL：站点完整路径
• VITE_ICP：ICP 备案号
• VITE_UMAMI_URL：Umami 脚本路径，例如 https://umami.is/script.js
• VITE_UMAMI_WEBSITE_ID：Umami 站点 ID，例如 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

配置类 -> src/config/index.ts

• sectionList: 需要显示的板块
• githubContributionUser: GitHub 用户名。用于显示对应用户的贡献日历，设置为空字符串可隐藏
• cheatsKeys: 彩蛋秘籍，按顺序按下按键可触发彩蛋，默认触发 src/utils/cheats.ts 下的 cheatsExecute 方法
• scriptList：引入第三方 JS 脚本，src/config/script.ts
• 其他: 其他配置请自行查看

文本类 -> src/language/lang/**.ts

• name: 名称
• intro: 介绍
• mottos: 座右铭集合。打字机效果
• projects: 项目集合。立体卡片效果
• experiences: 经历集合。时间转盘效果
• SectionText: Header 中显示的板块名称
• SectionTitle: 板块 Title
• contributionCalendar: GitHub 贡献日历显示名称

MIT © 2024-PRESENT XCJ