如何搭建个人网站

在这篇文章中，我将分享如何使用VitePress快速搭建一个个人网站。

什么是VitePress？

VitePress是一个基于Vue.js的静态网站生成器，专注于简单性和性能。它是VuePress的精简版，使用Vite作为构建工具，提供了更快的开发体验。

搭建步骤

1. 初始化项目

首先，创建一个新的目录并初始化npm项目：

mkdir my-website
cd my-website
npm init -y

2. 安装VitePress

npm install --save-dev vitepress vue

3. 初始化VitePress

npx vitepress init

按照提示完成初始化配置。

4. 启动开发服务器

npm run docs:dev

5. 自定义网站

编辑.vitepress/config.js文件来自定义网站的标题、描述、导航栏等。

部署网站

构建网站：

npm run docs:build

生成的静态文件位于.vitepress/dist目录中，可以部署到任何静态网站托管服务，如GitHub Pages、Netlify或Vercel。

总结

VitePress是一个强大而简单的工具，非常适合构建个人博客、文档网站或作品集。通过本文的指导，你应该能够快速搭建自己的个人网站了。

如果你有任何问题，欢迎在评论区留言！