AstroVue作品集博客

astro-theme-vitesse — Astro 作品集模板

作者 kieranwv

极简SEO友好的Astro作品集与博客主题，支持Vue组件与UnoCSS。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

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

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

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

Lighthouse 性能评分 100/100

支持 Vue 单文件组件与 MDX

自动生成 sitemap 和 RSS Feed

明暗主题切换，响应式设计

基于 UnoCSS 的原子化样式

一键部署到 Netlify

模板详细介绍

astro-theme-vitesse 是一款为 Astro 打造的作品集与博客主题，风格极简，注重性能与 SEO。它默认集成了 Vue 单文件组件和 UnoCSS，使得在 Markdown 中嵌入交互组件变得直接，适合喜欢 Vue 生态的开发者。主题自带明暗模式、响应式布局，并自动生成站点地图和 RSS 订阅，省去不少基础配置工作。

项目结构清晰，内容基于 Markdown 或 MDX，可灵活组织文章与项目展示。Lighthouse 性能评分达到 100，对追求加载速度的个人站点有吸引力。快速部署方面，提供了 Netlify 一键部署按钮，也支持从 GitHub 生成新仓库，本地开发仅需 npm 命令，门槛较低。

需要注意的是，README 未明确说明内容配置的具体细节，如导航菜单、社交链接等是否内置，以及文章分类、标签等功能的支持程度，使用前需自行核对源码或演示站点。此外，项目要求 Node.js 18 或更高版本，若使用 pnpm 或 yarn，需手动调整 package.json 中的脚本。

AstroVue作品集博客

适合你的项目吗？

适用场景

个人作品集网站
技术博客
开发者个人主页
快速搭建内容型站点

适合人群

熟悉 Astro 和 Vue 的开发者
追求极致性能与简洁设计的用户
需要 SEO 友好的静态站点
希望快速部署到 Netlify 的用户

上手与定制指南

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

1
需要 Node.js 18+，使用 pnpm 或 yarn 时需调整 package.json 中的脚本。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明

额外费用与待核对事项

README中的预览图片和Lighthouse图片可能为演示素材，其授权范围未明确说明

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文