https://github.com/baiwumm/portfolio

一个基于 Next.js 的个人作品与简历站点，集成文章聚合、GitHub 活动可视化、SEO 与站点分析，支持暗色主题与高质量动效。
https://github.com/baiwumm/portfolio

motion next-themes nextjs16 reactjs shadcn-ui tailwindcss-v4

Last synced: 6 months ago
JSON representation

一个基于 Next.js 的个人作品与简历站点，集成文章聚合、GitHub 活动可视化、SEO 与站点分析，支持暗色主题与高质量动效。

• Host: GitHub
• URL: https://github.com/baiwumm/portfolio
• Owner: baiwumm
• License: mit
• Created: 2025-12-19T07:48:46.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2025-12-22T08:49:12.000Z (6 months ago)
• Last Synced: 2025-12-23T05:33:10.261Z (6 months ago)
• Topics: motion, next-themes, nextjs16, reactjs, shadcn-ui, tailwindcss-v4
• Language: TypeScript
• Homepage: https://portfolio.baiwumm.com
• Size: 12.2 MB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Portfolio

一个基于 Next.js 的个人作品与简历站点，集成文章聚合、GitHub 活动可视化、SEO 与站点分析，支持暗色主题与高质量动效。

![Stars](https://img.shields.io/github/stars/baiwumm/portfolio?style=social)

![Next.js](https://img.shields.io/badge/Next.js-16-black?logo=nextdotjs)

![React](https://img.shields.io/badge/React-19-20232A?logo=react)

![TypeScript](https://img.shields.io/badge/TypeScript-5-3178C6?logo=typescript)

![TailwindCSS](https://img.shields.io/badge/Tailwind%20CSS-4-06B6D4?logo=tailwindcss)

![pnpm](https://img.shields.io/badge/pnpm-8-4a4a4a?logo=pnpm)

## 在线体验

- 生产环境：[https://portfolio.baiwumm.com](https://portfolio.baiwumm.com)



  



## 技术栈

- 框架：Next.js 16、React 19、TypeScript 5

- 样式：Tailwind CSS v4、tw-animate-css

- 可视化：Recharts

- 其他：ahooks、enum-plus、lucide-react

## 特性

- 基于 `Next.js App Router` 的现代架构

- 使用 `Tailwind CSS v4` 与自定义主题变量，支持暗色模式

- GitHub 仓库与贡献统计 API

- Halo 文章列表聚合 API

- Recharts 数据图表可视化

- 完整 SEO 文件：`robots`、`sitemap`、`manifest`

- 集成 Umami、Microsoft Clarity、Google Analytics（生产环境自动启用）

## 环境变量

在项目根目录创建 `.env`，示例：

```bash

# 站点信息

NEXT_PUBLIC_NAME="你的名字"

NEXT_PUBLIC_APP_NAME="Portfolio"

NEXT_PUBLIC_DESC="一句话简介/站点描述"

NEXT_PUBLIC_APP_DOMAIN="https://your-domain.com"

NEXT_PUBLIC_THEME="light" # 可选：light | dark | system

# 分析统计（生产环境生效）

NEXT_PUBLIC_UMAMI_ID=""

NEXT_PUBLIC_CLARITY_ID=""

NEXT_PUBLIC_GA_ID=""

# GitHub API

GITHUB_TOKEN="" # 只读 Token

NEXT_PUBLIC_GITHUB_USERNAME="your-github-username"

# Halo API

HALO_TOKEN="" # 只读 Token

```

## 本地开发

```bash

# 克隆项目

git clone https://github.com/baiwumm/portfolio.git

# 进入项目目录

cd portfolio

# 安装依赖

pnpm install

# 启动开发服务器

pnpm dev

```

## Vercel 一键部署

1. `Fork` 本项目，在 `Vercel` 官网点击 `New Project`

2. 点击 `Import Git Repository` 并选择你 fork 的此项目并点击 `import`

3. `PROJECT NAME`自己填，`FRAMEWORK PRESET` 选 `Other` 然后直接点 `Deploy` 接着等部署完成即可







## 许可证

本项目采用 [MIT](LICENSE) 许可证。

## Star History

[![Star History Chart](https://api.star-history.com/svg?repos=baiwumm/portfolio&type=date&legend=top-left)](https://www.star-history.com/#baiwumm/portfolio&type=date&legend=top-left)