从零开始用VitePress搭建个人网站

Why? 写在前头——为什么要搭建个人网站

1.技术文档记录

在AI时代以前，我就尝试过用WordPress搭建网站，来保存一些个人不常用到的网络、工程等技术知识。这些技术知识都源于我在遇到技术难题时边学习边解决问题，它们的应用面对我而言比较狭窄，只有在解决特定问题的时候才会用上。所以为了下一次遇到同样的问题时，不用大费周章的再学习一遍，我需要搭建一个技术文档数据库方便自己查阅。同时为了帮助到在世界上遇到同样问题的另一个伙伴，我希望通过互联网以网站的形式分享我的解决经验。

2.个人简历展示

过往的一切经历组成了当下的我，这是我在看过命运石之门后产生的想法。

大学主修的景观设计专业（虽然建筑类的学习经历付出的成本和努力远不如我在职业生涯中获得的回报）让我意识到——想要摆脱低级的重复工作，真正需要的是推销自己：我需要推销我自己的设计，才能有甲方选择与我合作；我需要展示自己的技能，才能被有缘的公司招收。因此像许多设计师、摄影师会搭建个人网站一样，我通过个人网站来展示我的简历。

How? 怎么搭建网站

1.明白自己的需求

前面提到，在ChatGPT等语言模型AI出来以前，我就通过bilibili、知乎等知识网站按教程搭建了个人网站。当时选用WordPress搭建，wp相对网页设计、程序员以外的小白来说还是有一些门槛的，学习网页编辑和设计有点难度，同时加上学生优惠羸弱的服务器性能，网站也卡。没玩多久我就没兴趣维护网页了。

而现在AI都可以算作入侵了我的大脑了，很多不熟悉领域的决策都交给它领导。这次我在网页搭建前，按照写AI提示词同样的思路，先写下了我的网站搭建需求：零基础简单上手；主要保存技术文档，需要查询功能；其次可以放一些简历和作品集。Gemini直接推荐我用VitePress+Github托管的模式，目前看来也确实省心易用。

2.将需求发给AI

毕竟是从零基础开始学习和应用，不如直接交给AI，让AI给你提供一条适合你的技术路线。

警告

不可盲目相信AI，该个人结论针对2026年AI技术的能力。

要明白AI可以为你提供技术路线、给你提供直接的技术帮助，但它还存在程序错误、不了解你的现实情况等问题。我在用Gemini3 Pro模型时就遇到在VitePress中默认的变量名，Ai不知道并给出了自己命名的变量名，导致我在部署网站的第一步卡住了一些时间。如果遇到类似的问题（不单单指网站搭建方面），当下2026年可以通过把问题发给AI，它会给出解决bug的方向，结合自己的技术和经验并保持怀疑态，自己进行排查，有不低的概率就能解决问题。

VitePress

Gemini为我推荐的VP目前阶段在我看来有许多优点：本地电脑可调试；清晰简单的官方文档；技术要求很低（看得懂常见代码英文单词意思的我就能用）。后续建站技术文档以VitePress为例。