包含打造精美个人作品集网站所需的一切。
你可以直接通过 Vercel 一键部署，几分钟内上线你的作品集，或 fork 源码仓库 并按照下方说明本地搭建。
安装
使用 pnpm 进行依赖管理，请确保你的系统已安装 pnpm。
使用 pnpm 执行 create-next-app 快速初始化项目：
pnpm create next-app --example https://github.com/1msirius/ my-portfolio
启动开发服务器：
pnpm dev服务器将运行在 http://localhost:3000。
配置
你可以通过更新配置信息，完善 SEO、订阅源、Open Graph 等设置，让 更好地展示你的内容。
Config.ts
在 app/config.ts 文件中更新站点元数据和社交链接。这些常量会被用于全站的 SEO、订阅、社交链接和 Open Graph。
export const metaData = {
baseUrl: "https://-template.vercel.app", // 修改为你的网站地址
title: "", // 修改为你的网站标题
name: "Sirius", // 修改为你的名字
ogImage: "/opengraph-image.png", // 修改为你的 Open Graph 图片
description:
"一个简洁、快速、轻量的作品集模板，基于 Next.js、Vercel 和 Tailwind CSS 构建，性能优异。", // 修改为你的网站描述
};
export const socialLinks = {
twitter: "https://x.com/1tssirius", // 修改为你的 Twitter 链接
github: "https://github.com/1msirius/", // 修改为你的 GitHub 链接
instagram: "https://www.instagram.com/", // 修改为你的 Instagram 链接
linkedin: "https://www.linkedin.com/", // 修改为你的 LinkedIn 链接
email: "mailto:example@gmail.com", // 修改为你的邮箱
};Sitemap
在 app/sitemap.ts 文件中根据你的导航栏调整路由，优化 SEO：
let routes = ["", "blog", "projects", "photos"].map((route) => ({ // 按照你的导航栏修改路由
url: `${BaseUrl}${route}`,
lastModified: new Date().toISOString().split("T")[0],
}));头像
将你的头像图片替换 public/profile.png 文件即可。
Favicon
将你的自定义图标替换 public/favicon.ico 文件即可。
网站分析
集成了 Vercel Web Analytics 和 Speed Insights，可用于监控用户行为和网站性能。只需将网站部署到 Vercel 并在控制台开启相关功能即可。
一切就绪！
你可以在 /content 文件夹中更新博客文章，在 app/project/projectdata.tsx 中添加项目数据，在 app/photos/page.tsx 中更新图片。