好的阿杰!我帮你整理了一份 开源个人主页源码/模板大全,涵盖多种技术栈,从简单纯静态页到高级的 Vue 或 Astro 生成模板都有,适合不同需求。你可以直接 Fork 使用,也可以参考它们定制自己的主页。
推荐开源个人主页模板一览
1. wexuo/home
- 简介:简洁、美观的 HTML/CSS 个人主页模板。
- 亮点:拥有打字机特效、多音乐播放器、看板娘、一言、雪花特效等丰富功能。
- 适合:想快速部署并炫酷展示内容的用户。
(GitHub)
2. imsyy/home
- 简介:个人主页模板,支持加载动画、实时天气、一言、音乐播放器等组件。
- 部署方式:支持 GitHub Actions 自动构建和 Docker 一键运行。
(GitHub)
3. Academic Pages
- 简介:基于 GitHub Pages 的学术/个人作品展示模板。
- 特点:支持 CV、文章、演示文件展示,提供静态网站高效构建流程。
- 推荐对象:学术工作者、研究人员。
(GitHub)
4. Astrofy & Astro 主题(如 astro-theme-cactus)
- 简介:采用 Astro + Tailwind CSS 构建的个人/作品集模板。
- 优点:响应式、轻量、代码现代、性能优越。
(GitHub)
5. Gatsby / Next.js 模板(如 Gatsby Starter Portfolio、Next.js Blog Starter)
- 简介:React 框架静态网站生成器,一些现成模板可快速启动。
- 功能:支持 Markdown/MDX、SEO 优化、优秀加载体验。
(lizhiym.cn)
6. Vue3 全栈个人主页:ZHOUYI-Homepage
- 简介:Vue3 + Vite 的前后端分离个人主页系统,功能非常丰富。
- 特点:集成博客管理、资源上传、权限控制、图表可视化等高级功能。
(思否)
7. 其他精选模板推荐资源
- GitHub Topics:
搜索 “personal-website” 或 “personal-homepage” 话题,能找到众多模板项目。例如 React 版“Terminal 风格”主页profile-site
、Nuxt/Vue 版本等。
(GitHub) - 社区/博客推荐合集:
列举了 Next.js、Gatsby、Jekyll 及多语言模板,还有在线部署教程。
(腾讯云, lizhiym.cn)
你可以这样选择或使用模板
目标 | 推荐模板 |
---|---|
快速搞一个炫酷主页 | wexuo/home 或 imsyy/home |
提供学术展示与 CV | Academic Pages |
想用 React/Tailwind 构建 | Astrofy 或 Next.js/Gatsby 模板 |
想实现系统功能全面的主页 | ZHOUYI-Homepage (Vue3) |
喜欢 Terminal 风格简洁主页 | profile-site (React) |
接下来你可能想要的帮助:
- ✅ 我可以帮你 Clone 一个模板、部署到 GitHub Pages 或 Vercel,并做定制调整。
- 如果你想把模板改成某种风格(例如添加项目展示、博客、音乐播放器等),我也可以协助实现。
- 想了解模板源码结构、运行方式或对比各模板利弊也可以问。
你想先从哪个模板开始?告诉我偏好,我可以带你一步步实操起来!
发表回复