{"id":64202,"date":"2023-10-20T04:32:41","date_gmt":"2023-10-20T07:32:41","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=64202&#038;preview=true&#038;preview_id=64202"},"modified":"2023-10-25T12:33:02","modified_gmt":"2023-10-25T15:33:02","slug":"hugo-stsh-with-circleci","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/","title":{"rendered":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico"},"content":{"rendered":"<p>O Hugo \u00e9 um popular gerador de site est\u00e1tico (SSG) de c\u00f3digo aberto projetado para ajudar os desenvolvedores a criar e gerenciar sites de forma r\u00e1pida e eficiente. Ele pode ser usado para criar blogs, portf\u00f3lios e todos os tipos de sites pessoais que n\u00e3o exigem dados din\u00e2micos.<\/p>\n<p>Ao criar sites com o Hugo, voc\u00ea certamente desejar\u00e1 hosped\u00e1-los on-line para poder compartilh\u00e1-los com todos que precisam acess\u00e1-los. \u00c9 aqui que entra a Hospedagem de Site Est\u00e1tico da 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>Entendendo a Hospedagem de Site Est\u00e1tico da Kinsta<\/h2>\n<p>A Hospedagem de Site Est\u00e1tico da Kinsta \u00e9 um servi\u00e7o gratuito dedicado \u00e0 hospedagem de <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-um-site-statico\/\">sites est\u00e1ticos<\/a>. Ele faz isso servindo arquivos <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-html\/\">HTML<\/a>, <a href=\"https:\/\/kinsta.com\/pt\/blog\/melhores-praticas-css\/\">CSS<\/a> e <a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> pr\u00e9-constru\u00eddos que n\u00e3o mudam dinamicamente. Funciona conectando um reposit\u00f3rio hospedado em um provedor 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> ou <a href=\"https:\/\/docs.sevalla.com\/applications\/git\/gitlab#authorize-the-kinsta-gitlab-application\">GitLab<\/a>) \u00e0 sua conta Kinsta e implementando os arquivos do seu site est\u00e1tico na internet.<\/p>\n<p>A Hospedagem de Site Est\u00e1tico da Kinsta pode criar sites automaticamente a partir de SSGs criados com base no Node.js, enquanto para outros, como o Hugo, escritos na linguagem de programa\u00e7\u00e3o Go (Golang), voc\u00ea precisaria criar outra abordagem.<\/p>\n<p>Este artigo explica como voc\u00ea pode hospedar seu site Hugo gratuitamente com a <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">Hospedagem de Site Est\u00e1tico<\/a>\u00a0da Kinsta!<\/p>\n<h2>Implante seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta<\/h2>\n<p>H\u00e1 tr\u00eas maneiras de implantar seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta:<\/p>\n<ol start=\"1\">\n<li>Crie seu site usando Integra\u00e7\u00e3o Cont\u00ednua e Implanta\u00e7\u00e3o Cont\u00ednua (CI\/CD).<\/li>\n<li>Utilize a depend\u00eancia de desenvolvedor <a href=\"https:\/\/www.npmjs.com\/package\/hugo-bin\" target=\"_blank\" rel=\"noopener noreferrer\">hugo-bin<\/a>.<\/li>\n<li>Sirva arquivos est\u00e1ticos criados localmente.<\/li>\n<\/ol>\n<p>Neste artigo, abordaremos todos eles.<\/p>\n<h3>Pr\u00e9-requisitos<\/h3>\n<p>Para acompanhar este tutorial, presumimos que voc\u00ea tenha:<\/p>\n<ul>\n<li>Experi\u00eancia com Hugo e Git.<\/li>\n<li>Um site Hugo executando localmente.<\/li>\n<\/ul>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Se voc\u00ea quiser saber mais sobre o Hugo, recomendamos que leia o artigo &#8220;<a href=\"https:\/\/kinsta.com\/pt\/blog\/site-estatico-hugo\/\">Como Construir um Site Est\u00e1tico e R\u00e1pido com Hugo<\/a>&#8220;.<\/p>\n<\/aside>\n\n<h2>Crie seu site com o CircleCI e implante na Kinsta<\/h2>\n<p>No primeiro m\u00e9todo, vamos usar o <a href=\"https:\/\/circleci.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CircleCI<\/a> como a ferramenta de CI\/CD. Esse m\u00e9todo envolve a cria\u00e7\u00e3o de um fluxo de trabalho CircleCI que constr\u00f3i seu site Hugo em um novo branch chamado <code>deploy<\/code> e, em seguida, configura a Kinsta para implantar os arquivos est\u00e1ticos desse branch.<\/p>\n<h3>Vantagens de usar CI\/CD<\/h3>\n<p>Com esse m\u00e9todo, voc\u00ea n\u00e3o tem necessidade de criar localmente seu site antes de envi\u00e1-lo para o reposit\u00f3rio Git. Normalmente, a Kinsta lida com o processo de build de sites para SSGs baseados no Node.js, mas para outros SSGs, como o Hugo, usar um fluxo de trabalho ajuda a lidar automaticamente com o processo de build de sites.<\/p>\n<p>Al\u00e9m disso, voc\u00ea pode adicionar outros jobs ao seu arquivo de configura\u00e7\u00e3o de CI\/CD, por exemplo, para fazer lint e testar seu c\u00f3digo. Voc\u00ea tamb\u00e9m garante que a implanta\u00e7\u00e3o s\u00f3 ser\u00e1 atualizada se o pipeline de CI\/CD for conclu\u00eddo com \u00eaxito.<\/p>\n<h3>Etapa 1: Crie o arquivo de configura\u00e7\u00e3o<\/h3>\n<p>Comece criando uma pasta <strong>.circleci<\/strong> no diret\u00f3rio raiz do seu projeto Hugo. Dentro dessa pasta, crie um arquivo <strong>config.yml<\/strong> para definir a configura\u00e7\u00e3o do seu fluxo de trabalho.<\/p>\n<h3>Etapa 2: Envie seu c\u00f3digo para um reposit\u00f3rio Git<\/h3>\n<p>Crie um reposit\u00f3rio Git usando o provedor Git de sua prefer\u00eancia e envie seu c\u00f3digo para o reposit\u00f3rio.<\/p>\n<h3>Etapa 3: Crie um branch \u00f3rf\u00e3o<\/h3>\n<p>Em seguida, crie um <a href=\"https:\/\/git-scm.com\/docs\/git-checkout#Documentation\/git-checkout.txt---orphanltnew-branchgt\" target=\"_blank\" rel=\"noopener noreferrer\">branch \u00f3rf\u00e3o<\/a> vazio chamado <code>deploy<\/code>, para o qual os arquivos est\u00e1ticos para a implanta\u00e7\u00e3o ser\u00e3o enviados. Execute os seguintes comandos no terminal do seu projeto:<\/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>N\u00e3o adicione nenhum arquivo a esse branch; ele ser\u00e1 automaticamente preenchido pelo fluxo de trabalho do CircleCI com o conte\u00fado da pasta <strong>public<\/strong>\u00a0gerada pelo Hugo.<\/p>\n<h3>Etapa 4: Crie uma conta CircleCI<\/h3>\n<p>Visite o site do CircleCI e crie uma conta se voc\u00ea ainda n\u00e3o tiver uma. Voc\u00ea pode se inscrever usando seu provedor Git preferido, o que facilita o acesso a seus reposit\u00f3rios sem configura\u00e7\u00e3o adicional.<br \/>\n<aside data-5WxKvLX=\"VnJMLndac2tFRmVHTzFUcUQwUw==\" data-0vo=\"b2pVODU0Z19WZkxKTUNC\" data-Fd4pG=\"WW96U0J4V0g2\" data--t1n0s3=\"OWFDLlZIMjRi\" data-bu-SOs=\"bzRMa0hNYlZnS3g=\" data-de0Srh3=\"TGN6M3dqSElLQnhi\" id=\"NjQyMDI=\" data-ymal=\"a0kyUjFIVXo0LkNnb2RPNlZtRWY=\" data-wHMCc=\"ekRMYjl2SUtwUWtu\" data-rBXCmj=\"WTM3eWRia0pGaA==\" data-r3koi=\"Im1pZGRsZSI=|InB0X1BUIg==\" class=\"WzEwMDksOTcxXQ==\" data-o=\"bFVDTkhXTUVSQW0udXhGZWQ=\" data-gRNk=\"VlE2Yy53WUZuYmQ4dFNMSHVYQg==\"><\/aside><\/p>\n<h3>Etapa 5: Configure seu reposit\u00f3rio<\/h3>\n<p>Depois de fazer login, v\u00e1 para o seu <a href=\"https:\/\/app.circleci.com\/dashboard\" target=\"_blank\" rel=\"noopener noreferrer\">painel do CircleCI<\/a>, clique em <strong>Projects <\/strong>na barra lateral esquerda e selecione o reposit\u00f3rio que voc\u00ea deseja configurar. O CircleCI detectar\u00e1 automaticamente seu arquivo de configura\u00e7\u00e3o.<\/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 seu reposit\u00f3rio com o CircleCI.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Configure seu reposit\u00f3rio com o CircleCI.<\/figcaption><\/figure>\n<p>Clique no bot\u00e3o <strong>Set Up Project <\/strong>(Configurar projeto) para conceder ao CircleCI acesso \u00e0 sua base de c\u00f3digo e para executar fluxos de trabalho ap\u00f3s altera\u00e7\u00f5es de c\u00f3digo.<\/p>\n<h3>Etapa 6: Defina a configura\u00e7\u00e3o do CircleCI<\/h3>\n<p>Agora voc\u00ea tem um arquivo de configura\u00e7\u00e3o CircleCI criado. Vamos construir seu conte\u00fado. Certifique-se de que voc\u00ea est\u00e1 em seu branch padr\u00e3o (n\u00e3o no branch <code>deploy<\/code>) e comece definindo a vers\u00e3o do CircleCI, que atualmente \u00e9 2.1:<\/p>\n<pre><code class=\"language-yaml\">version: 2.1<\/code><\/pre>\n<h3>Etapa 7: Defina executores<\/h3>\n<p>Como este \u00e9 um projeto Hugo, voc\u00ea precisar\u00e1 definir um executor para executar os jobs. Defina o <code>hugo-executor<\/code> aqui para que voc\u00ea n\u00e3o tenha que o definir para cada job. Esse executor usa uma imagem do Docker (<code>cibuilds\/hugo:latest<\/code>) para criar um ambiente consistente para a cria\u00e7\u00e3o do site Hugo:<\/p>\n<pre><code class=\"language-yaml\">executors:\n  hugo-executor:\n    docker:\n      - image: cibuilds\/hugo:latest<\/code><\/pre>\n<h3>Etapa 8: Defina os jobs<\/h3>\n<p>Em seguida, defina dois jobs: <code>build<\/code> e <code>push build<\/code>. Esses jobs especificam as etapas a serem executadas em cada job:<\/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>O job build:<\/h4>\n<p>Esse job \u00e9 respons\u00e1vel pela cria\u00e7\u00e3o do site Hugo e pelo armazenamento tempor\u00e1rio dos arquivos est\u00e1ticos gerados no espa\u00e7o de trabalho, de modo que possam ser acessados para uso posterior no job <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>O job acima especifica que usa o executor <code>hugo-executor<\/code> definido anteriormente. Em seguida, executa quatro etapas principais:<\/p>\n<ul>\n<li><code>checkout<\/code>: Esta etapa verifica o c\u00f3digo-fonte do seu projeto no reposit\u00f3rio do GitHub.<\/li>\n<li><code>Update theme<\/code>: Esta etapa inicializa e atualiza os subm\u00f3dulos do Git (se houver) para garantir que o tema do Hugo esteja atualizado. Isso \u00e9 \u00fatil se o seu site Hugo usa Gitmodules para indicar o tema usado em vez de enviar grandes arquivos de temas j\u00e1 dispon\u00edveis no GitHub.<\/li>\n<li><code>Build Hugo site<\/code>: Esta etapa cria o site Hugo e especifica a pasta de destino como <strong>workspace\/public<\/strong>.<\/li>\n<li><code>persist_to_workspace<\/code>: Esta etapa persiste o diret\u00f3rio <strong>public<\/strong> (sa\u00edda da build do Hugo) no espa\u00e7o de trabalho para uso posterior no job <code>push build<\/code>.<\/li>\n<\/ul>\n<h4>O job push build:<\/h4>\n<p>O job <code>push build<\/code> \u00e9 respons\u00e1vel por enviar o site criado para um branch \u00f3rf\u00e3o (<code>deploy<\/code>) no seu reposit\u00f3rio do GitHub. Dessa forma, seu c\u00f3digo permanece no branch padr\u00e3o, e o branch <code>deploy<\/code> hospeda apenas os arquivos est\u00e1ticos do seu site.<\/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>O job acima faz o seguinte:<\/p>\n<ul>\n<li><code>attach_workspace<\/code>: Esta etapa anexa o espa\u00e7o de trabalho onde o job <code>build<\/code> persistiu o diret\u00f3rio <strong>public<\/strong>.<\/li>\n<li><code>Push build folder to GitHub<\/code>: Esta etapa executa v\u00e1rias opera\u00e7\u00f5es do Git:\n<ul>\n<li>Configura a identidade do Git com seu nome de usu\u00e1rio e e-mail do GitHub.<\/li>\n<li>Clona o seu reposit\u00f3rio do GitHub em uma pasta chamada <strong>deployment <\/strong>na m\u00e1quina que executa o CircleCI.<\/li>\n<li>Copia o conte\u00fado do diret\u00f3rio <strong>workspace\/public<\/strong> (o site Hugo constru\u00eddo) para a pasta <strong>deployment<\/strong>.<\/li>\n<li>Muda o diret\u00f3rio de trabalho para <strong>deployment<\/strong>.<\/li>\n<li>Faz o commit das altera\u00e7\u00f5es com uma mensagem indicando que \u00e9 um commit gerado automaticamente pelo CircleCI.<\/li>\n<li>Envia as altera\u00e7\u00f5es para um novo branch em seu reposit\u00f3rio GitHub.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Certifique-se de substituir <code>&lt;GitHubUsername&gt;<\/code> e <code>&lt;your-repo-name&gt;<\/code> pelo seu nome de usu\u00e1rio e nome do reposit\u00f3rio reais no GitHub. Al\u00e9m disso, certifique-se de criar um <a href=\"https:\/\/github.com\/settings\/tokens\" target=\"_blank\" rel=\"noopener noreferrer\">token de acesso ao GitHub<\/a> para que o CircleCI possa acessar sua conta do 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=\"Defina escopos para o token de acesso do GitHub.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Defina escopos para o token de acesso do GitHub.<\/figcaption><\/figure>\n<p>Em seguida, adicione o token <a href=\"https:\/\/kinsta.com\/pt\/blog\/implantacao-continua-react\/#storing-environment-variables-with-circleci\">como uma vari\u00e1vel de ambiente<\/a> chamada <code>GITHUB_TOKEN<\/code> em <strong>Project Settings <\/strong>(Configura\u00e7\u00f5es de projeto) do CircleCI.<\/p>\n<h3>Etapa 9: Defina o fluxo de trabalho<\/h3>\n<p>Com seus jobs configurados, a pr\u00f3xima fase envolve <a href=\"https:\/\/kinsta.com\/pt\/blog\/implantacao-continua-react\/#step-5-workflow-configuration\">configurar seu fluxo de trabalho<\/a>. Continuando a configura\u00e7\u00e3o do CircleCI, crie um fluxo de trabalho que aciona o job <code>build<\/code> quando houver altera\u00e7\u00f5es de c\u00f3digo no branch <code>main<\/code> e exige que o job <code>build<\/code> seja conclu\u00eddo com \u00eaxito antes de executar o job <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>Etapa 10: Fa\u00e7a o commit e envie<\/h3>\n<p>Depois que o fluxo de trabalho estiver configurado com \u00eaxito, fa\u00e7a o commit e envie suas altera\u00e7\u00f5es para o reposit\u00f3rio Git. O CircleCI detecta automaticamente a presen\u00e7a do arquivo de configura\u00e7\u00e3o e aciona os fluxos de trabalho definidos quando voc\u00ea altera o 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=\"Detalhes do pipeline do CircleCI.\" width=\"1600\" height=\"225\"><figcaption class=\"wp-caption-text\">Detalhes do pipeline do CircleCI.<\/figcaption><\/figure>\n<p>Quando voc\u00ea verifica seu reposit\u00f3rio GitHub, o branch <code>deploy<\/code> j\u00e1 tem a pasta <strong>public<\/strong>, que cont\u00e9m os arquivos est\u00e1ticos.<\/p>\n<p>Voc\u00ea pode verificar a <a href=\"https:\/\/github.com\/olawanlejoel\/hugo-try-circleci\/blob\/main\/.circleci\/config.yml\" target=\"_blank\" rel=\"noopener noreferrer\">configura\u00e7\u00e3o completa do CircleCI neste reposit\u00f3rio de amostra<\/a>.<\/p>\n<h3>Etapa 11: Implante arquivos est\u00e1ticos na Kinsta<\/h3>\n<p>A implanta\u00e7\u00e3o na Kinsta ocorre em apenas alguns segundos, especialmente agora que os arquivos est\u00e1ticos j\u00e1 foram criados. Siga estas etapas para implantar seu site Hugo gratuitamente com a <a href=\"https:\/\/sevalla.com\/static-site-hosting\/\">Hospedagem de Site Est\u00e1tico<\/a>:<\/p>\n<ol start=\"1\">\n<li>Fa\u00e7a login ou crie uma conta para visualizar seu painel <a href=\"https:\/\/my.kinsta.com\/?lang=pt\">MyKinsta<\/a>.<\/li>\n<li>Autorize a Kinsta com seu provedor Git.<\/li>\n<li>Clique em <strong>Sites est\u00e1ticos<\/strong> na barra lateral esquerda e, em seguida, clique em <strong>Adicionar site<\/strong>.<\/li>\n<li>Selecione o reposit\u00f3rio e o branch a partir do qual voc\u00ea deseja implantar (o branch <code>deploy<\/code> ).<\/li>\n<li>Atribua um nome exclusivo ao seu site e clique em <strong>Continuar<\/strong>.<\/li>\n<li>Deixe os campos <strong>Comando de build<\/strong> e <strong>Vers\u00e3o do node<\/strong> vazios e especifique o <strong>Diret\u00f3rio de publica\u00e7\u00e3o<\/strong> como <code>public<\/code>.<\/li>\n<li>Por fim, clique em <strong>Criar site<\/strong>.<\/li>\n<\/ol>\n<p>E \u00e9 isso! Agora voc\u00ea tem um site implementado em poucos segundos. Voc\u00ea receber\u00e1 um link para acessar a vers\u00e3o implementada do seu site. Mais tarde, voc\u00ea pode adicionar seu <a href=\"https:\/\/docs.sevalla.com\/applications\/domains\">dom\u00ednio personalizado<\/a> e <a href=\"https:\/\/docs.sevalla.com\/applications\/domains#install-a-custom-ssl-certificate\">certificado SSL<\/a>, se desejar.<\/p>\n<h2>Usando o Hugo-Bin para criar e implantar seu site Hugo na Kinsta<\/h2>\n<p>O pacote <a href=\"https:\/\/www.npmjs.com\/package\/hugo-bin\" target=\"_blank\" rel=\"noopener noreferrer\">Hugo-bin<\/a> \u00e9 um wrapper bin\u00e1rio para o Hugo. Ele permite que voc\u00ea crie e sirva seu projeto Hugo com comandos Node.js. Esse m\u00e9todo n\u00e3o precisa de uma ferramenta de CI\/CD para criar seu site antes de implement\u00e1-lo na Hospedagem de Site Est\u00e1tico da Kinsta.<\/p>\n<p>Para usar o pacote Hugo-bin em seu projeto Hugo:<\/p>\n<ol start=\"1\">\n<li>Inicialize o Node.js na raiz do seu projeto executando o comando <code>npm init -y<\/code>.<\/li>\n<li>Em seguida, instale o Hugo-bin como uma depend\u00eancia de desenvolvedor em seu projeto executando este comando:<\/li>\n<\/ol>\n<pre><code class=\"language-bash\">npm i -D hugo-bin<\/code><\/pre>\n<ol start=\"3\">\n<li>Adicione os seguintes comandos de script ao seu arquivo <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>Com isso, a Kinsta poder\u00e1 criar e servir seu site Hugo sem que voc\u00ea precise criar seus arquivos antes da implanta\u00e7\u00e3o.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>No momento, n\u00e3o \u00e9 poss\u00edvel usar subm\u00f3dulos Git com nossas Hospedagem de Site Est\u00e1tico e Hospedagem de Aplicativos. Certifique-se de adicionar seus arquivos de tema localmente ao seu reposit\u00f3rio Git para funcionar com a Kinsta.<\/p>\n<\/aside>\n\n<p>Quando tudo estiver pronto, envie seu c\u00f3digo para o reposit\u00f3rio Git. Siga estas etapas para implantar seu site est\u00e1tico na Kinsta:<\/p>\n<ol start=\"1\">\n<li>Fa\u00e7a login ou crie uma conta para visualizar seu painel <a href=\"https:\/\/my.kinsta.com\/?lang=pt\">MyKinsta<\/a>.<\/li>\n<li>Autorize a Kinsta com seu provedor Git.<\/li>\n<li>Clique em <strong>Sites est\u00e1ticos<\/strong> na barra lateral esquerda e, em seguida, clique em <strong>Adicionar site<\/strong>.<\/li>\n<li>Selecione o reposit\u00f3rio e o branch a partir do qual voc\u00ea deseja implantar.<\/li>\n<li>Atribua um nome exclusivo ao seu site.<\/li>\n<li>Adicione as configura\u00e7\u00f5es de build no seguinte formato:\n<ul>\n<li><strong>Comando de build:<\/strong> npm run build<\/li>\n<li><strong>Vers\u00e3o do node:<\/strong> 18.16.0<\/li>\n<li><strong>Diret\u00f3rio de publica\u00e7\u00e3o:<\/strong> public<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ol start=\"7\">\n<li>Por fim, clique em <strong>Criar site<\/strong>.<\/li>\n<\/ol>\n<p>E \u00e9 isso! Agora voc\u00ea tem um site implementado em poucos segundos.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Ao usar o pacote Hugo-bin, voc\u00ea tamb\u00e9m pode implantar seu site usando nosso servi\u00e7o de <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Hospedagem de Aplicativos<\/a>. Isso pode ser altamente vantajoso, pois voc\u00ea se beneficia dos recursos avan\u00e7ados dispon\u00edveis em nossa hospedagem de aplicativos. Por exemplo, escalabilidade, implanta\u00e7\u00e3o personalizada usando um Dockerfile e <a href=\"https:\/\/docs.sevalla.com\/applications\/analytics\">an\u00e1lises abrangentes<\/a> que incluem dados hist\u00f3ricos e em tempo real.<\/p>\n<\/aside>\n\n<h2>Servindo seus arquivos est\u00e1ticos somente para a Kinsta<\/h2>\n<p>Por fim, outro m\u00e9todo para implantar seu site Hugo na Kinsta envolve a cria\u00e7\u00e3o do site localmente, seguido da implanta\u00e7\u00e3o na Kinsta. Esse processo gera uma pasta <strong>public<\/strong> na raiz do seu projeto. No entanto, a principal desvantagem de usar esse m\u00e9todo \u00e9 que voc\u00ea precisa criar seu site localmente antes de cada push, o que pode ser demorado e menos conveniente em compara\u00e7\u00e3o com outros m\u00e9todos que automatizam o processo de build de sites.<\/p>\n<p>Por padr\u00e3o, a pasta <strong>public<\/strong>\u00a0\u00e9 exclu\u00edda do seu reposit\u00f3rio Git devido \u00e0 sua inclus\u00e3o no arquivo <strong>.gitignore<\/strong>. Para inclu\u00ed-la em seu reposit\u00f3rio e implantar seu site na Kinsta:<\/p>\n<ol start=\"1\">\n<li>Remova a pasta <strong>public<\/strong>\u00a0do seu arquivo <strong>.gitignore<\/strong>.<\/li>\n<li>Siga as etapas de implanta\u00e7\u00e3o explicadas acima.<\/li>\n<li>Implante o reposit\u00f3rio na Kinsta, certificando-se de que os campos <strong>Comando build<\/strong> e <strong>Vers\u00e3o do node<\/strong> permane\u00e7am vazios, pois seu site j\u00e1 est\u00e1 compilado.<\/li>\n<li>Especifique o <strong>Diret\u00f3rio de publica\u00e7\u00e3o<\/strong> como <code>public<\/code>.<\/li>\n<\/ol>\n<p>Como alternativa, voc\u00ea pode optar por enviar apenas os arquivos est\u00e1ticos para o seu reposit\u00f3rio GitHub. Para essa abordagem, n\u00e3o h\u00e1 necessidade de inicializar um reposit\u00f3rio Git na pasta raiz do seu projeto. Voc\u00ea s\u00f3 precisa executar o <code>git init<\/code> na pasta <strong>public<\/strong>. Isso permite que voc\u00ea mantenha o controle de vers\u00e3o dos seus arquivos est\u00e1ticos separado do restante do seu projeto.<\/p>\n<p>Nesse cen\u00e1rio, ao enviar os arquivos separadamente sem coloc\u00e1-los em uma pasta <strong>public<\/strong>, especifique o <strong>Diret\u00f3rio de publica\u00e7\u00e3o<\/strong>\u00a0como <code>.<\/code> ao fazer a implanta\u00e7\u00e3o na Kinsta. Essa nota\u00e7\u00e3o representa a pasta raiz, e a Kinsta servir\u00e1 os arquivos de acordo.<\/p>\n<h2>Resumo<\/h2>\n<p>Este artigo explicou tr\u00eas m\u00e9todos eficazes para voc\u00ea implantar seu site Hugo gratuitamente na plataforma de Hospedagem de Site Est\u00e1tico da Kinsta. Voc\u00ea tem a flexibilidade de escolher o m\u00e9todo que melhor se alinha com seus requisitos espec\u00edficos. Al\u00e9m disso, para obter informa\u00e7\u00f5es detalhadas sobre como criar um site est\u00e1tico extremamente r\u00e1pido usando o Hugo, <a href=\"https:\/\/kinsta.com\/pt\/blog\/site-estatico-hugo\/\">leia nosso guia abrangente<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Hugo \u00e9 um popular gerador de site est\u00e1tico (SSG) de c\u00f3digo aberto projetado para ajudar os desenvolvedores a criar e gerenciar sites de forma r\u00e1pida &#8230;<\/p>\n","protected":false},"author":287,"featured_media":64203,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1009,971],"class_list":["post-64202","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-geradores-sites-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>Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!\" \/>\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\/pt\/blog\/hugo-stsh-with-circleci\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico\" \/>\n<meta property=\"og:description\" content=\"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-20T07:32:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-25T15:33:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\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\/pt\/blog\/hugo-stsh-with-circleci\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico\",\"datePublished\":\"2023-10-20T07:32:41+00:00\",\"dateModified\":\"2023-10-25T15:33:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\"},\"wordCount\":2361,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\",\"name\":\"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"datePublished\":\"2023-10-20T07:32:41+00:00\",\"dateModified\":\"2023-10-25T15:33:02+00:00\",\"description\":\"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Geradores de Sites Est\u00e1ticos\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/geradores-sites-estaticos\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico - Kinsta\u00ae","description":"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!","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\/pt\/blog\/hugo-stsh-with-circleci\/","og_locale":"pt_PT","og_type":"article","og_title":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico","og_description":"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!","og_url":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-10-20T07:32:41+00:00","article_modified_time":"2023-10-25T15:33:02+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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":"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Joel Olawanle","Tempo estimado de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico","datePublished":"2023-10-20T07:32:41+00:00","dateModified":"2023-10-25T15:33:02+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/"},"wordCount":2361,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","inLanguage":"pt-PT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/","url":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/","name":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","datePublished":"2023-10-20T07:32:41+00:00","dateModified":"2023-10-25T15:33:02+00:00","description":"Saiba como Implantar gratuitamente seu site Hugo na Hospedagem de Site Est\u00e1tico da Kinsta. Reduza custos de hospedagem hoje mesmo!","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/10\/deploy-hugo-site-with-circle-ci-and-kinsta-static-site-hosting.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/hugo-stsh-with-circleci\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Geradores de Sites Est\u00e1ticos","item":"https:\/\/kinsta.com\/pt\/topicos\/geradores-sites-estaticos\/"},{"@type":"ListItem","position":3,"name":"Como Implantar um Site Hugo na Kinsta Gratuitamente com a Hospedagem de Site Est\u00e1tico"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/64202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=64202"}],"version-history":[{"count":12,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/64202\/revisions"}],"predecessor-version":[{"id":64299,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/64202\/revisions\/64299"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/jp"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/64202\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/64203"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=64202"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=64202"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=64202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}