Astro作品集

cvpage — Astro 作品集模板

作者 reonokiy

cvpage 是一个基于 Astro 的个人简历页面模板，内容通过 content/cv 目录下的 YAML 文件配置，支持深色模式与多语言。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

作者提供的预览

访问演示网站在新标签页打开

作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-04查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

基于 Astro 构建的简历页面模板，仓库采用 MIT 许可

简历内容与页面代码分离，统一在 content/ 目录下配置

content/cv 使用 YAML 文件，按语言命名（如 en.yaml、zh.yaml）以支持多语言

提供 baseinfo 与 cvinfo 组件，可输出邮箱、电话、GitHub、Google Scholar 及 Markdown、列表内容

YAML 文件可引用 schema 目录中的 JSON Schema，获得校验与自动补全

README 声明支持深色模式

模板详细介绍

cvpage 是一个用 Astro 构建的简历/个人主页模板，仓库采用 MIT 许可。它的核心思路是把简历内容与页面代码分离：所有配置都放在 content/ 目录，其中 content/cv 用于存放简历数据。

简历文件目前只支持 YAML 格式，文件名按语言命名，例如 en.yaml、zh.yaml，因此同一份简历可以维护多个语言版本。YAML 中可用的组件包括 baseinfo（邮箱、电话、GitHub、Google Scholar）和 cvinfo（Markdown、无序列表、带条目的无序列表），完整字段定义在仓库的 schema 目录中。在 YAML 文件顶部引用对应的 JSON Schema 后，编辑器可以提供校验与自动补全。

模板在 README 中声明支持深色模式和多语言。本地开发需要 Node.js 与 pnpm，安装依赖后运行开发命令，构建生产版本使用 pnpm run build，并可通过 pnpm run preview 预览构建结果。仓库同时提供了演示截图和在线演示地址。

Astro作品集

适合你的项目吗？

适用场景

搭建个人在线简历或求职主页
为同一份简历维护多个语言版本
用 YAML 集中管理简历数据，避免直接改动页面结构
在支持 JSON Schema 的编辑器中编写简历内容并获得校验提示

适合人群

熟悉 Node.js 与 pnpm 工作流的开发者
希望用 Astro 构建静态个人页面的用户
需要多语言简历展示的个人
愿意通过编辑 YAML 文件维护内容的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
本地构建需要预先安装 Node.js 和 pnpm
2
克隆仓库后依次执行 pnpm install 与 pnpm run dev 启动开发环境
3
生产构建使用 pnpm run build，可用 pnpm run preview 预览
4
简历内容放在 content/cv 目录，文件名格式为 [lang].yaml，目前仅支持 YAML
5
在 YAML 顶部添加 schema 引用行可启用校验与自动补全

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

https://github.com/reonokiy/cvpage/blob/main/LICENSE https://github.com/reonokiy/cvpage/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-04。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: Astro Themes
资料与维护参考分: 资料较完整 · 75 / 100
技术栈: Astro
网站类型: 作品集

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2026-09-29
截图检查日期: 2026-10-04

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Astro。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-05

查看当时使用的来源资料

SHA-256: a498c570dad733ffef0d469c5ba93f083356c76bd2364428fda7940116d2c1df

2026-10-04T19:54:02.446Z

来源文件 / 仓库

# CVPage

![Demo](./public/demo.png)

## Features

- Dark Mode Suppport
- Multiple Language Support

## Installation

To Build this project locally, you need to have Node.js and pnpm installed on your machine. Follow these steps:

```bash
git clone https://github.com/reonokiy/cvpage
cd cvpage
pnpm install
pnpm run dev

# for building for production
pnpm run build
# pnpm run preview
```
## Configuration

All configuration is done in the `content/` directory.

### `content/cv`

Currently only yaml files in the `content/cv` folder is available. Filename should be in format of `[lang].yaml`. For example, `en.yaml`, `zh.yaml`.

#### Components

- baseinfo
    - `v0.email`
    - `v0.phone`
    - `v0.github`
    - `v0.google-scholar`
- cvinfo
    - `v0.markdown` 
    - `v0.unordered-list`
    - `v0.unordered-list-with-item`

You can find all schemas in the [schema](./schema) directory.

```
# yaml-language-server: $schema=../../schema/cv.json
```

With this line on the top of your YAML file, you can get schema validation and auto-completion support.

反馈内容错误