一分钟搭建你的可配置求职个人网站——开源实用分享

52 阅读3分钟

最近求职季,和同行交流、看招聘问答,发现不少同学都面临这样几个问题:

  • 传统简历格式雷同,很难在简历初筛中突出自己的特性,尤其是技术岗位。
  • 作品、项目经验难以被HR和面试官系统、直观地感知。
  • 很多人对个人品牌建设、长期职业发展很有想法,却不知道从哪里开始,或者苦于搭建个人主页的门槛较高。

基于这些现实需求,我整理并开源了一个个人简历网站(液态玻璃风格,可配置版),希望可以帮助更多同学、同行,以最小的技术门槛和成本,建立自己的可维护专业主页,对个人成长、求职加分都非常有益。


为什么推荐建一个这样的个人网站?

  • 透明展现个人技术与项目经历:沉浸式在线页面可以容纳更多细节和内容,也更易于结构化完善自己的职业画像。
  • 低维护成本,高扩展性:只需要一个JSON文件维护内容,后期无论换工作、做新项目、技能成长都可即时补充更新。
  • 面试中展示更直观:很多面试官愿意通过个人主页提前了解求职者,这比一份PDF或Word简历更鲜活、可信。

项目特性概述

  • 液态玻璃风格设计,简洁有层次,适合求职、技术社区展示
  • 完全响应式,PC与手机无缝适配
  • 所有核心数据统一配置sitedata.json,方便维护
  • 支持后续深度扩展与二次开发(基于Vue 3 + Vite + TypeScript)
  • 一键生成配置数据,降低非技术用户门槛:专门设计了AI简历转JSON工具(支持个性化微调)

快速使用指引

1. 下载预构建包

2. 配置个人信息

  • 打开dist/data/sitedata.json
  • 使用AI简历转JSON工具,上传自己的简历文档,工具会自动生成兼容网站的JSON结构
    提示:这个工具已针对该项目做了专门设计,提示词可根据自己的需求微调,也欢迎反馈你的优化思路
  • 将生成的内容替换sitedata.json,保存

3. 发布上线

  • 推荐使用Netlify、Vercel、GitHub Pages等静态网站托管平台
  • dist文件夹中的全部文件上传,即可上线自己的主页

开发者自定义与进阶

  • 源码完全开放,可根据业务和个人需求二次开发
  • 推荐环境:Node.js(18.x或以上)、npm/yarn
  • 克隆后npm installnpm run dev本地调试,npm run build产出上线包

在线体验和相关链接


项目截图

SCR-20250805-iiqp.png

SCR-20250805-iiqp.png

SCR-20250805-ijkn.png

SCR-20250805-ijhq.png

SCR-20250805-ijfu.png


一些体会和建议

个人觉得,拥有一个可配置、随时能维护和更新的个人主页,对技术积累和职业成长非常有益:

  • 它不仅是展示作品的平台,也会倒逼自己定期整理和复盘;
  • 在很多求职场景里,主页中的项目深度和维护频率也能成为面试官关注的加分项。

你的反馈很重要

本项目会持续更新和维护。
如果你在使用过程中有更好的思路或优化建议,欢迎在评论区留言或在Issue区反馈给我,我会认真参考和尝试实现,让工具更契合大家的实际需求。
也欢迎大家提出关于AI简历工具、模板配置、功能完善等相关建议。


如果你有个人主页建设、简历展示等问题,也可以留言交流。希望可以帮到你。


开源不易,愿这个项目对你的求职和成长有所帮助。