Este es un ejemplo de cómo configurar un sitio estático con VitePress en los servicios de Alojamiento de Sitios Estáticos de Kinsta a partir de un repositorio de GitHub.
VitePress es un generador de sitios estáticos basado en Vite y Vue. Puedes encontrar más información en el sitio web vitepress.dev.
También puedes utilizar esta plantilla de inicio rápido en el Alojamiento de Aplicaciones de Kinsta sin ninguna configuración adicional. Si utilizas el Alojamiento de Aplicaciones, el comando de Inicio puede dejarse en blanco para el proceso web, ya que Kinsta detecta automáticamente el comando necesario durante el primer despliegue.
Durante el proceso de despliegue, Kinsta instala automáticamente las dependencias definidas en tu archivo package.json.
- Accede a GitHub y crea un nuevo repositorio a partir de esta plantilla (Utilizar esta plantilla > Crear un nuevo repositorio): Kinsta – Hello World – Sitio estático con VitePress
- En MyKinsta, añade un sitio estático con el repositorio Hello World de VitePress. Puede que se autocompleten los ajustes de construcción; comprueba que coinciden con los siguientes y cámbialos si es necesario:
- Comando de construcción:
npm run build - Versión de node: 18.16.0
- Directorio de publicación: docs/.vitepress/dist
- Comando de construcción:
- El sitio estará disponible en cuanto termine la construcción, y la página predeterminada de VitePress se cargará en la URL de tu sitio.
Ciclo de Vida del Despliegue
Cada vez que se inicia un despliegue (mediante la creación de un sitio estático o un nuevo despliegue debido a un commit entrante), se ejecuta el comando de construcción, seguido del despliegue del contenido del Directorio de Publicación.