{"id":71099,"date":"2023-10-20T09:31:12","date_gmt":"2023-10-20T07:31:12","guid":{"rendered":"https:\/\/kinsta.com\/es\/?p=71099&#038;preview=true&#038;preview_id=71099"},"modified":"2023-10-24T08:04:01","modified_gmt":"2023-10-24T06:04:01","slug":"hugo-stsh-with-circleci","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/","title":{"rendered":"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos"},"content":{"rendered":"<p>Hugo es un popular Generador de Sitios Est\u00e1ticos (SSG) de c\u00f3digo abierto dise\u00f1ado para ayudar a los desarrolladores a construir y gestionar sitios web de forma r\u00e1pida y eficaz. Puede utilizarse para crear blogs, portafolios y todo tipo de sitios web personales que no requieran datos din\u00e1micos.<\/p>\n<p>Cuando construyas sitios con Hugo, seguro que querr\u00e1s alojarlos online para poder compartirlos con todos aquellos que necesiten acceder a ellos. \u00a1Aqu\u00ed es donde entra en juego el Alojamiento de Sitios Est\u00e1ticos de Kinsta!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>C\u00f3mo Funciona el Alojamiento de Sitios Est\u00e1ticos de Kinsta<\/h2>\n<p>El Alojamiento de Sitios Est\u00e1ticos de Kinsta es un servicio gratuito dedicado a alojar <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-un-sitio-web-estatico\/\">sitios est\u00e1ticos<\/a>. Lo hace sirviendo archivos <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-el-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/es\/blog\/buenas-practicas-css\/\">CSS<\/a> y <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> preconstruidos que no cambian din\u00e1micamente. Funciona conectando un repositorio alojado en un proveedor Git (<a href=\"https:\/\/docs.sevalla.com\/applications\/git\/bitbucket#grant-access-to-the-kinsta-bitbucket-application\">BitBucket<\/a>, <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/github#authenticate-and-authorize\">GitHub<\/a> o <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/gitlab#authorize-the-kinsta-gitlab-application\">GitLab<\/a>) a tu cuenta Kinsta y desplegando los archivos de tu sitio est\u00e1tico en Internet.<\/p>\n<p>El Alojamiento de Sitios Est\u00e1ticos de Kinsta puede construir autom\u00e1ticamente sitios a partir de SSGs construidos sobre Node.js, mientras que para otros como Hugo, escritos en el lenguaje de programaci\u00f3n Go (Golang), tendr\u00edas que idear otro enfoque.<\/p>\n<p>\u00a1Este art\u00edculo explica c\u00f3mo alojar tu sitio Hugo en Kinsta de forma gratuita con el <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">alojamiento de sitios est\u00e1ticos<\/a> de Kinsta!<\/p>\n<h2>Despliega Tu Sitio Hugo en el Alojamiento de Sitios Est\u00e1ticos de Kinsta<\/h2>\n<p>Hay tres formas de desplegar tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta:<\/p>\n<ol start=\"1\">\n<li>Construye tu sitio web utilizando Integraci\u00f3n Continua y Entrega Continua (CI\/CD) y luego despli\u00e9galo.<\/li>\n<li>Utiliza la dependencia para desarrolladores <a href=\"https:\/\/www.npmjs.com\/package\/hugo-bin\" target=\"_blank\" rel=\"noopener noreferrer\">hugo-bin<\/a>.<\/li>\n<li>Servir archivos est\u00e1ticos construidos localmente.<\/li>\n<\/ol>\n<p>En este art\u00edculo, repasaremos todos ellos.<\/p>\n<h3>Requisitos previos<\/h3>\n<p>Para seguir este tutorial, tienes que tiener:<\/p>\n<ul>\n<li>Experiencia con Hugo y Git.<\/li>\n<li>Un sitio Hugo funcionando localmente.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si quieres aprender m\u00e1s sobre Hugo, te recomendamos que leas el art\u00edculo \u00ab<a href=\"https:\/\/kinsta.com\/es\/blog\/hugo-sitio-estatico\/\">C\u00f3mo construir un sitio est\u00e1tico rapid\u00edsimo con Hugo<\/a>\u00ab.<\/p>\n<\/aside>\n\n<h2>Construye Tu Sitio con CircleCI y Despli\u00e9galo en Kinsta<\/h2>\n<p>Para el primer m\u00e9todo, vamos a utilizar <a href=\"https:\/\/circleci.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CircleCI<\/a> como herramienta CI\/CD. Este m\u00e9todo implica crear un flujo de trabajo CircleCI que construya tu sitio Hugo en una nueva rama llamada <code>deploy<\/code> y luego configurar Kinsta para desplegar los archivos est\u00e1ticos desde esta rama.<\/p>\n<h3>Ventajas de utilizar CI\/CD<\/h3>\n<p>Con este m\u00e9todo, puedes evitar la necesidad de construir localmente tu sitio antes de enviarlo a tu repositorio Git. Normalmente, Kinsta se encarga del proceso de construcci\u00f3n del sitio para los SSG basados en Node.js, pero para otros SSG como Hugo, utilizar un flujo de trabajo puede ayudar a gestionar el proceso de construcci\u00f3n del sitio autom\u00e1ticamente.<\/p>\n<p>Adem\u00e1s, puedes a\u00f1adir otros trabajos a tu archivo de configuraci\u00f3n CI\/CD, por ejemplo, para limpiar y probar tu c\u00f3digo. Tambi\u00e9n garantizas que tu despliegue s\u00f3lo se actualice si la canalizaci\u00f3n CI\/CD se completa con \u00e9xito.<\/p>\n<h3>Paso 1: Crea el archivo de configuraci\u00f3n<\/h3>\n<p>Comienza creando una carpeta <strong>.circleci<\/strong> en el directorio ra\u00edz de tu proyecto Hugo. Dentro de esta carpeta, crea un archivo <strong>config.yml<\/strong> para definir la configuraci\u00f3n de tu flujo de trabajo.<\/p>\n<h3>Paso 2: Empuja tu c\u00f3digo a un repositorio Git<\/h3>\n<p>Crea un repositorio Git utilizando tu proveedor Git preferido y empuja tu c\u00f3digo al repositorio.<\/p>\n<h3>Paso 3: Crea una rama hu\u00e9rfana<\/h3>\n<p>A continuaci\u00f3n, crea una <a href=\"https:\/\/git-scm.com\/docs\/git-checkout#Documentation\/git-checkout.txt---orphanltnew-branchgt\" target=\"_blank\" rel=\"noopener noreferrer\">rama hu\u00e9rfana<\/a> vac\u00eda llamada <code>deploy<\/code>, donde se insertar\u00e1n los archivos est\u00e1ticos para el despliegue. Ejecuta los siguientes comandos en el terminal de tu proyecto:<\/p>\n<pre><code class=\"language-bash\">git switch --orphan deploy\ngit commit --allow-empty -m \"Initial commit on deploy branch\"\ngit push -u origin deploy<\/code><\/pre>\n<p>No a\u00f1adas ning\u00fan archivo a esta rama; ser\u00e1 rellenada autom\u00e1ticamente por el flujo de trabajo CircleCI con el contenido de la carpeta <strong>public<\/strong>\u00a0generada por Hugo.<\/p>\n<h3>Paso 4: Crea una cuenta CircleCI<\/h3>\n<p>Visita el sitio web de CircleCI y crea una cuenta si a\u00fan no tienes una. Puedes registrarte utilizando tu proveedor de Git preferido, lo que facilita el acceso a tus repositorios sin necesidad de m\u00e1s configuraci\u00f3n.<br \/>\n<aside data-Tuy.qoY=\"WDJSTkFwd2Fxank4OW5tMExL\" data-MUF-z=\"N3pLTDNrY1hnZnZueWgyVXdKeElq\" data-UeryCEv=\"Qi5MZW55VVI3c2FYNWNDYnJvZg==\" data-zND=\"Nk8yX1hZRm9WTVExRHItenVaS1dsUA==\" class=\"WzEzMjgsMTI5MF0=\" id=\"NzEwOTk=\" data-r3koi=\"Im1pZGRsZSI=|ImVzX0VTIg==\" data-gVBTl=\"cm5Fdmx5OTVTS1Bh\"><\/aside><\/p>\n<h3>Paso 5: Configura tu repositorio<\/h3>\n<p>Tras iniciar sesi\u00f3n, ve a tu <a href=\"https:\/\/app.circleci.com\/dashboard\" target=\"_blank\" rel=\"noopener noreferrer\">panel de control de CircleCI<\/a>, haz clic en <strong>Proyectos<\/strong> en la barra lateral izquierda y selecciona el repositorio que quieras configurar. CircleCI detectar\u00e1 autom\u00e1ticamente tu archivo de configuraci\u00f3n.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/configure-repo-circleci.jpg\" alt=\"Configure your repository with CircleCI\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Configura tu repositorio con CircleCI.<\/figcaption><\/figure>\n<p>Haz clic en el bot\u00f3n <strong>Configurar Proyecto<\/strong> para conceder a CircleCI acceso a tu base de c\u00f3digo y ejecutar flujos de trabajo cuando se produzcan cambios en el c\u00f3digo.<\/p>\n<h3>Paso 6: Definir la configuraci\u00f3n de CircleCI<\/h3>\n<p>Ya tienes creado un archivo de configuraci\u00f3n CircleCI. Vamos a construir su contenido. Aseg\u00farate de que est\u00e1s en tu rama por defecto (no en la rama <code>deploy<\/code> ) y empieza por definir la versi\u00f3n de CircleCI, que actualmente es la 2.1:<\/p>\n<pre><code class=\"language-yaml\">version: 2.1<\/code><\/pre>\n<h3>Paso 7: Define los ejecutores<\/h3>\n<p>Como se trata de un proyecto Hugo, necesitar\u00e1s definir un ejecutor para ejecutar los trabajos. Define el <code>hugo-executor<\/code> aqu\u00ed para que no tengas que definirlo para cada trabajo. Este ejecutor utiliza una imagen Docker (<code>cibuilds\/hugo:latest<\/code>) para crear un entorno consistente para construir el sitio Hugo:<\/p>\n<pre><code class=\"language-yaml\">executors:\n  hugo-executor:\n    docker:\n      - image: cibuilds\/hugo:latest<\/code><\/pre>\n<h3>Paso 8: Define los trabajos<\/h3>\n<p>A continuaci\u00f3n, define dos trabajos: <code>build<\/code> y <code>push build<\/code>. Estos trabajos especifican los pasos a ejecutar en cada trabajo:<\/p>\n<pre><code class=\"language-yaml\">jobs:\n  build:\n    executor: hugo-executor\n\n  push build:\n    executor: hugo-executor<\/code><\/pre>\n<h4>Trabajo de Construcci\u00f3n:<\/h4>\n<p>Este trabajo se encarga de construir tu sitio Hugo y de almacenar temporalmente los archivos est\u00e1ticos generados en el espacio de trabajo para que puedan estar accesibles para su uso posterior en el trabajo <code>push build<\/code>.<\/p>\n<pre><code class=\"language-yaml\">build:\n  executor: hugo-executor\n  steps:\n    - checkout\n\n    - run:\n        name: Update theme\n        command: git submodule update --init --recursive\n\n    - run:\n        name: Build Hugo site\n        command: hugo --destination=workspace\/public\n\n    # Persist the 'build' directory to the workspace\n    - persist_to_workspace:\n        root: workspace\n        paths:\n          - public<\/code><\/pre>\n<p>El trabajo anterior especifica que utiliza el ejecutor <code>hugo-executor<\/code> definido anteriormente. Y a continuaci\u00f3n ejecuta cuatro pasos principales:<\/p>\n<ul>\n<li><code>checkout<\/code>: Este paso comprueba el c\u00f3digo fuente de tu proyecto desde el repositorio de GitHub.<\/li>\n<li><code>Update theme<\/code>: Este paso inicializa y actualiza los subm\u00f3dulos Git (si los hay) para garantizar que tu tema Hugo est\u00e1 actualizado. Esto es \u00fatil si tu sitio Hugo utiliza Gitmodules para referenciar el tema utilizado en lugar de empujar grandes archivos de temas ya disponibles en GitHub.<\/li>\n<li><code>Build Hugo site<\/code>: Este paso construye el sitio Hugo y especifica la carpeta de destino como <strong>workspace\/public<\/strong>.<\/li>\n<li><code>persist_to_workspace<\/code>: Este paso guarda el directorio <strong>public<\/strong> (resultado de la compilaci\u00f3n de Hugo) en el espacio de trabajo para su uso posterior en la tarea <code>push build<\/code>.<\/li>\n<\/ul>\n<h4>Empujar trabajo de compilaci\u00f3n:<\/h4>\n<p>El trabajo <code>push build<\/code> se encarga de empujar el sitio construido a una rama hu\u00e9rfana (<code>deploy<\/code>) en tu repositorio de GitHub. De esta forma, tu c\u00f3digo permanece en la rama por defecto, y la rama <code>deploy<\/code> aloja \u00fanicamente los archivos est\u00e1ticos de tu sitio.<\/p>\n<pre><code class=\"language-yaml\">push build:\n  executor: hugo-executor\n  steps:\n    - attach_workspace:\n        at: workspace\n\n    - run:\n        name: Push build folder to GitHub\n        command: |\n          # Configure Git identity (replace &lt;GitHubUsername&gt; with your actual username)\n          git config --global user.name \"&lt;GitHubUsername&gt;\"\n          git config --global user.email \"&lt;GitHubUsername&gt;@users.noreply.github.com\"\n\n          # Clone the repository (replace &lt;your-repo-name&gt; with your actual repository URL)\n          git clone --branch deploy --depth 1 https:\/\/&lt;GitHubUsername&gt;:${GITHUB_TOKEN}@github.com\/&lt;GitHubUsername&gt;\/&lt;your-repo-name&gt;.git deployment\n\n          # Copy the 'public' directory to the deployment folder\n          cp -R workspace\/public deployment\n\n          # Navigate to the deployment folder\n          cd deployment\n\n          # Commit and push changes\n          git add .\n          git commit -m \"Auto generated from ${CIRCLE_SHA1}\"\n          git push<\/code><\/pre>\n<p>La tarea anterior hace lo siguiente<\/p>\n<ul>\n<li><code>attach_workspace<\/code>: Este paso adjunta el espacio de trabajo donde el trabajo <code>build<\/code> persisti\u00f3 el directorio <strong>p\u00fablico<\/strong>.<\/li>\n<li><code>Push build folder to GitHub<\/code>: Este paso realiza varias operaciones Git:\n<ul>\n<li>Configura la identidad Git con tu nombre de usuario y correo electr\u00f3nico de GitHub.<\/li>\n<li>Clona tu repositorio de GitHub en una carpeta llamada <strong>deployment<\/strong> en la m\u00e1quina del ejecutor CircleCI.<\/li>\n<li>Copia el contenido del directorio <strong>workspace\/public<\/strong>\u00a0(el sitio Hugo construido) en la carpeta <strong>deployment<\/strong>.<\/li>\n<li>Cambia el directorio de trabajo a <strong>deployment<\/strong>.<\/li>\n<li>Confirma los cambios con un mensaje indicando que se trata de una confirmaci\u00f3n autogenerada por CircleCI.<\/li>\n<li>Empuja los cambios a una nueva rama en tu repositorio de GitHub.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Aseg\u00farate de sustituir <code>&lt;GitHubUsername&gt;<\/code> y <code>&lt;your-repo-name&gt;<\/code> por tu nombre de usuario real de GitHub y el nombre del repositorio. Adem\u00e1s, aseg\u00farate de crear un <a href=\"https:\/\/github.com\/settings\/tokens\" target=\"_blank\" rel=\"noopener noreferrer\">token de acceso a<\/a> GitHub para que CircleCI pueda acceder a tu cuenta de GitHub.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/scopes-github-access-token.png\" alt=\"Define scopes for GitHub access token\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Define \u00e1mbitos para el token de acceso de GitHub.<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, a\u00f1ade el token <a href=\"https:\/\/kinsta.com\/es\/blog\/react-despliegue-continuo\/#storing-environment-variables-with-circleci\">como una variable de entorno<\/a> llamada <code>GITHUB_TOKEN<\/code> en la <strong>configuraci\u00f3n de<\/strong> <strong>tu<\/strong> <strong>proyecto<\/strong> CircleCI.<\/p>\n<h3>Paso 9: Define el flujo de trabajo<\/h3>\n<p>Con tus trabajos configurados, la siguiente fase consiste en <a href=\"https:\/\/kinsta.com\/es\/blog\/react-despliegue-continuo\/#step-5-workflow-configuration\">configurar tu flujo de trabajo<\/a>. Continuando con tu configuraci\u00f3n de CircleCI, crea un flujo de trabajo que active el trabajo <code>build<\/code> cuando haya cambios de c\u00f3digo en la rama <code>main<\/code> y que requiera que el trabajo <code>build<\/code> se complete con \u00e9xito antes de ejecutar el trabajo <code>push build<\/code>:<\/p>\n<pre><code class=\"language-yaml\">workflows:\n  version: 2\n  build-and-deploy:\n    jobs:\n      - build:\n          filters:\n            branches:\n              only:\n                - main\n      - push build:\n          requires:\n            - build<\/code><\/pre>\n<h3>Paso 10: Commit y Push<\/h3>\n<p>Una vez que tu flujo de trabajo est\u00e9 configurado correctamente, confirma y env\u00eda tus cambios a tu repositorio Git. CircleCI detecta autom\u00e1ticamente la presencia del archivo de configuraci\u00f3n y activa los flujos de trabajo definidos cuando se producen cambios en el c\u00f3digo.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/10\/circleci-pipeline.jpg\" alt=\"Details of CircleCI pipeline\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Detalles de la canalizaci\u00f3n CircleCI.<\/figcaption><\/figure>\n<p>Cuando compruebes tu repositorio de GitHub, la rama <code>deploy<\/code> ya tiene la carpeta <strong>public<\/strong>, que contiene los archivos est\u00e1ticos.<\/p>\n<p>Puedes comprobar la <a href=\"https:\/\/github.com\/olawanlejoel\/hugo-try-circleci\/blob\/main\/.circleci\/config.yml\" target=\"_blank\" rel=\"noopener noreferrer\">configuraci\u00f3n completa de CircleCI en este repositorio de ejemplo<\/a>.<\/p>\n<h3>Paso 11: Despliega los archivos est\u00e1ticos en Kinsta<\/h3>\n<p>El despliegue en Kinsta se realiza en cuesti\u00f3n de segundos, especialmente ahora que los archivos est\u00e1ticos ya est\u00e1n creados. Sigue estos pasos para desplegar tu sitio Hugo de forma gratuita con <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">Static Site Hosting<\/a>:<\/p>\n<ol start=\"1\">\n<li>Inicia sesi\u00f3n o crea una cuenta para ver tu panel <a href=\"https:\/\/my.kinsta.com\/?lang=es\">MyKinsta<\/a>.<\/li>\n<li>Autoriza a Kinsta con tu proveedor de Git.<\/li>\n<li>Haz clic en <strong>Sitios<\/strong> <strong>est\u00e1ticos<\/strong> en la barra lateral izquierda y, a continuaci\u00f3n, en <strong>A\u00f1adir sitio<\/strong>.<\/li>\n<li>Selecciona el repositorio y la rama desde la que deseas desplegar (la rama <code>deploy<\/code> ).<\/li>\n<li>Asigna un nombre \u00fanico a tu sitio y haz clic en <strong>Continuar<\/strong>.<\/li>\n<li>Deja vac\u00edos los campos <strong>Comando de compilaci\u00f3n<\/strong> y <strong>Versi\u00f3n del nodo<\/strong> y especifica el <strong>directorio de<\/strong> <strong>publicaci\u00f3n<\/strong> como <code>public<\/code>.<\/li>\n<li>Por \u00faltimo, haz clic en <strong>Crear sitio<\/strong>.<\/li>\n<\/ol>\n<p>\u00a1Y ya est\u00e1! Ya tienes un sitio desplegado en pocos segundos. Se proporciona un enlace para acceder a la versi\u00f3n desplegada de tu sitio. Si lo deseas, puedes a\u00f1adir m\u00e1s adelante tu <a href=\"https:\/\/docs.sevalla.com\/applications\/domains\">dominio personalizado<\/a> y tu <a href=\"https:\/\/docs.sevalla.com\/applications\/domains#install-a-custom-ssl-certificate\">certificado SSL<\/a>.<\/p>\n<h2>Utilizar Hugo-Bin para Construir y Desplegar Tu Sitio Hugo en Kinsta<\/h2>\n<p>El paquete <a href=\"https:\/\/www.npmjs.com\/package\/hugo-bin\" target=\"_blank\" rel=\"noopener noreferrer\">Hugo-bin<\/a> es una envoltura binaria para Hugo. Te permite construir y servir tu proyecto Hugo con comandos Node.js. Este m\u00e9todo no necesita una herramienta CI\/CD para construir tu sitio antes de desplegarlo en Kinsta Static Site Hosting.<\/p>\n<p>Para utilizar el paquete Hugo-bin en tu proyecto Hugo:<\/p>\n<ol start=\"1\">\n<li>Inicializa Node.js en la ra\u00edz de tu proyecto ejecutando el comando <code>npm init -y<\/code>.<\/li>\n<li>A continuaci\u00f3n, instala Hugo-bin como dependencia del desarrollador en tu proyecto ejecutando este comando:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm i -D hugo-bin<\/code><\/pre>\n<ol start=\"3\">\n<li>A\u00f1ade los siguientes comandos de script a tu archivo <strong>package.json<\/strong>:<\/li>\n<\/ol>\n<pre><code class=\"language-json\">\"scripts\": {\n    \"build\": \"hugo\",\n    \"create\": \"hugo new\",\n    \"serve\": \"hugo server\"\n  }<\/code><\/pre>\n<p>Con esto, Kinsta podr\u00e1 construir y servir tu sitio Hugo sin que necesites construir tus archivos antes de desplegarlo.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Actualmente no es posible utilizar subm\u00f3dulos Git con nuestros servicios de Alojamiento de Sitios Est\u00e1ticos y Alojamiento de Aplicaciones. Aseg\u00farate de a\u00f1adir los archivos de tu tema localmente en tu repositorio Git para que funcione con Kinsta.<\/p>\n<\/aside>\n\n<p>Una vez hecho todo, env\u00eda tu c\u00f3digo a tu repositorio Git. Sigue estos pasos para desplegar tu sitio est\u00e1tico en Kinsta:<\/p>\n<ol start=\"1\">\n<li>Inicia sesi\u00f3n o crea una cuenta para ver tu panel <a href=\"https:\/\/my.kinsta.com\/?lang=es\">MyKinsta<\/a>.<\/li>\n<li>Autoriza a Kinsta con tu proveedor Git.<\/li>\n<li>Haz clic en <strong>Sitios est\u00e1ticos<\/strong> en la barra lateral izquierda y, a continuaci\u00f3n, en <strong>A\u00f1adir sitio<\/strong>.<\/li>\n<li>Selecciona el repositorio y la rama desde la que deseas desplegar.<\/li>\n<li>Asigna un nombre \u00fanico a tu sitio.<\/li>\n<li>A\u00f1ade la configuraci\u00f3n de compilaci\u00f3n en el siguiente formato:\n<ul>\n<li><strong>Comando de compilaci\u00f3n:<\/strong> npm run build<\/li>\n<li><strong>Versi\u00f3n de Node<\/strong>: 18.16.0<\/li>\n<li><strong>Directorio de publicaci\u00f3n<\/strong>: public<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ol start=\"7\">\n<li>Por \u00faltimo, haz clic en <strong>Crear sitio<\/strong>.<\/li>\n<\/ol>\n<p>Y ya est\u00e1 Ya tienes un sitio desplegado en pocos segundos.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cuando utilizas el paquete Hugo-bin, tambi\u00e9n puedes desplegar tu sitio utilizando nuestro servicio de <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Alojamiento de Aplicaciones<\/a> . Esto puede resultar muy beneficioso, ya que te beneficiar\u00e1s de las funciones avanzadas de las que dispone nuestro Alojamiento de Aplicaciones. Por ejemplo, escalabilidad, despliegue personalizado mediante un Dockerfile y <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">an\u00e1lisis exhaustivos<\/a> que abarcan datos hist\u00f3ricos y en tiempo real.<\/p>\n<\/aside>\n\n<h2>Servir Tus archivos Est\u00e1ticos S\u00f3lo a Kinsta<\/h2>\n<p>Por \u00faltimo, otro m\u00e9todo para desplegar tu sitio Hugo en Kinsta consiste en crear tu sitio localmente y luego desplegarlo en Kinsta. Este proceso genera una carpeta <strong>p\u00fablica<\/strong> en la ra\u00edz de tu proyecto. Sin embargo, la principal desventaja de utilizar este m\u00e9todo es que tienes que construir tu sitio localmente antes de cada env\u00edo, lo que puede llevar mucho tiempo y ser menos conveniente en comparaci\u00f3n con otros m\u00e9todos que automatizan el proceso de construcci\u00f3n del sitio.<\/p>\n<p>Por defecto, la carpeta <strong>p\u00fablica<\/strong> est\u00e1 excluida de tu repositorio Git debido a su inclusi\u00f3n en tu archivo <strong>.gitignore<\/strong>. Para incluirla en tu repositorio y desplegar tu sitio en Kinsta:<\/p>\n<ol start=\"1\">\n<li>Elimina la carpeta <strong>p\u00fablica<\/strong> de tu archivo . <strong>gitignore<\/strong>.<\/li>\n<li>Sigue los pasos de despliegue explicados anteriormente.<\/li>\n<li>Despliega el repositorio en Kinsta, asegur\u00e1ndote de que los campos <strong>Comando de construcci\u00f3n<\/strong> y <strong>Versi\u00f3n de nodo<\/strong> permanecen vac\u00edos, ya que tu sitio ya est\u00e1 construido.<\/li>\n<li>Especifica el <strong>directorio de publicaci\u00f3n<\/strong> como <code>public<\/code>.<\/li>\n<\/ol>\n<p>Alternativamente, puedes elegir enviar s\u00f3lo los archivos est\u00e1ticos a tu repositorio de GitHub. Para este enfoque, no hay necesidad de inicializar un repositorio Git en la carpeta ra\u00edz de tu proyecto. S\u00f3lo necesitas ejecutar <code>git init<\/code> dentro de la carpeta <strong>p\u00fablica<\/strong>. Esto te permite mantener el control de versiones de tus archivos est\u00e1ticos separado del resto de tu proyecto.<\/p>\n<p>En este escenario, cuando env\u00edes los archivos por separado sin colocarlos dentro de una carpeta <strong>p\u00fablica<\/strong>, especifica el <strong>directorio de publicaci\u00f3n<\/strong> como <code>.<\/code> cuando realices el despliegue en Kinsta. Esta notaci\u00f3n representa la carpeta ra\u00edz, y Kinsta servir\u00e1 los archivos en consecuencia.<\/p>\n<h2>Resumen<\/h2>\n<p>Este art\u00edculo ha explicado tres m\u00e9todos eficaces para desplegar tu sitio Hugo gratuitamente en la plataforma de alojamiento de sitios est\u00e1ticos de Kinsta. Tienes la flexibilidad de elegir el m\u00e9todo que mejor se adapte a tus requisitos espec\u00edficos. Adem\u00e1s, para obtener informaci\u00f3n detallada sobre la creaci\u00f3n de un sitio est\u00e1tico ultrarr\u00e1pido utilizando Hugo, <a href=\"https:\/\/kinsta.com\/es\/blog\/hugo-sitio-estatico\/\">lee nuestra gu\u00eda completa<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hugo es un popular Generador de Sitios Est\u00e1ticos (SSG) de c\u00f3digo abierto dise\u00f1ado para ayudar a los desarrolladores a construir y gestionar sitios web de forma &#8230;<\/p>\n","protected":false},"author":287,"featured_media":71100,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1328,1290],"class_list":["post-71099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-generadores-sitios-estaticos","topic-headless-cms"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00f3mo Desplegar Tu Sitio Hugo en Kinsta de Forma Gratuita - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos\" \/>\n<meta property=\"og:description\" content=\"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-20T07:31:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-24T06:04:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos\",\"datePublished\":\"2023-10-20T07:31:12+00:00\",\"dateModified\":\"2023-10-24T06:04:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\"},\"wordCount\":2348,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\",\"name\":\"C\u00f3mo Desplegar Tu Sitio Hugo en Kinsta de Forma Gratuita - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"datePublished\":\"2023-10-20T07:31:12+00:00\",\"dateModified\":\"2023-10-24T06:04:01+00:00\",\"description\":\"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Generadores de Sitios Est\u00e1ticos\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/generadores-sitios-estaticos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"C\u00f3mo Desplegar Tu Sitio Hugo en Kinsta de Forma Gratuita - Kinsta\u00ae","description":"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos","og_description":"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!","og_url":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_published_time":"2023-10-20T07:31:12+00:00","article_modified_time":"2023-10-24T06:04:01+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Joel Olawanle","Tiempo de lectura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos","datePublished":"2023-10-20T07:31:12+00:00","dateModified":"2023-10-24T06:04:01+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/"},"wordCount":2348,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/","url":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/","name":"C\u00f3mo Desplegar Tu Sitio Hugo en Kinsta de Forma Gratuita - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","datePublished":"2023-10-20T07:31:12+00:00","dateModified":"2023-10-24T06:04:01+00:00","description":"Aprende a implementar f\u00e1cilmente tu sitio Hugo en el alojamiento de sitios est\u00e1ticos de Kinsta de forma gratuita con esta gu\u00eda. \u00a1Reduce los costes de alojamiento hoy mismo!","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/hugo-stsh-with-circleci\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Generadores de Sitios Est\u00e1ticos","item":"https:\/\/kinsta.com\/es\/secciones\/generadores-sitios-estaticos\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Desplegar un Sitio Hugo en Kinsta de Forma Gratuita con el Alojamiento de Sitios Est\u00e1ticos"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/es\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=71099"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71099\/revisions"}],"predecessor-version":[{"id":71150,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/71099\/revisions\/71150"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/translations\/es"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/71099\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/71100"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=71099"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=71099"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=71099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}