各位小伙伴,今天给大家分享下如何将 vitepress 部署到自己的服务器上:
要将Vitepress部署到自己的服务器,请遵循以下步骤:
安装Nodejs和Npm包管理器
1. 首先,确保您的服务器已经安装了Node.js和npm包管理器。
2. 在您的服务器上创建一个新的目录,并使用命令行进入这个目录。
执行VitePress安装命令
3. 然后,在命令行中输入以下命令来全局安装 Vitepress:
npm install -g vitepress
4. 然后,使用Vitepress的 init 命令来初始化您的项目。在命令行中输入以下命令:
vitepress init
5. 接下来,在命令行中输入以下命令来启动Vitepress开发服务器:
npm run dev
6. 完成后,您将可以通过访问您的服务器的IP地址和端口号(默认端口号为3000)来在浏览器中预览您的Vitepress站点。
编译VitePress
7. 如果您希望将此项目部署到您的服务器上,您可以使用 Vitepress 的 build 命令来构建您的站点的静态版本。在命令行中输入以下命令:
npm run build
部署VitePress到服务器
然后,Vitepress将在./docs/.vitepress/dist目录中生成静态站点。
8. 最后,将生成的静态站点上传到您的服务器上,并在您的服务器上配置Web服务器以向访问者提供此站点的静态HTML文件。