{"id":3219,"date":"2021-08-30T09:40:24","date_gmt":"2021-08-30T12:40:24","guid":{"rendered":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/?p=3219"},"modified":"2025-09-02T14:22:58","modified_gmt":"2025-09-02T17:22:58","slug":"deploy-com-github-pages","status":"publish","type":"post","link":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/2021\/08\/30\/deploy-com-github-pages","title":{"rendered":"Deploy com GitHub Pages"},"content":{"rendered":"\n

A import\u00e2ncia de publicar os seus projetos e ter um portf\u00f3lio online se torna cada vez mais importante para quem deseja procurar algum emprego na \u00e1rea de tecnologia, por isso, esse PET Reda\u00e7\u00e3o possui como objetivo informar aquele que deseja fazer um \u201cdeploy\u201d com a plataforma Github, utilizando seu sistema de p\u00e1ginas est\u00e1ticas.<\/span><\/span><\/p>\n

O que \u00e9?<\/b><\/span><\/span><\/h2>\n

O Github Pages \u00e9 um servi\u00e7o para hospedagem de sites est\u00e1ticos, utilizando HTML, CSS e JavaScript diretamente de um reposit\u00f3rio no GitHub. A ferramenta permite hospedar o seu site no dom\u00ednio github.io ou no seu pr\u00f3prio dom\u00ednio personalizado. O dom\u00ednio funciona da seguinte forma: http(s):\/\/<username>.github.io\/<repository>, sendo <username> o nome de usu\u00e1rio no GitHub e <repository> o nome do reposit\u00f3rio onde est\u00e1 o seu projeto.<\/span><\/span><\/p>\n

Preparando o Ambiente<\/b><\/span><\/span><\/h2>\n

<\/b>\u00c9 necess\u00e1rio que seja instalado o Git em sua m\u00e1quina, sendo ele o respons\u00e1vel por subir o nosso reposit\u00f3rio.<\/span><\/span><\/p>\n

\"\"<\/p>\n

A aplica\u00e7\u00e3o ser\u00e1 feita em uma p\u00e1gina est\u00e1tica, ou seja, as respostas de sua p\u00e1gina n\u00e3o ir\u00e3o ser influenciadas pela a\u00e7\u00e3o do usu\u00e1rio, como um login ou algo do tipo.<\/span><\/span><\/p>\n

Criando um reposit\u00f3rio no GitHub<\/b><\/span><\/span><\/p>\n

Ao acessar sua conta, no canto superior direito ter\u00e1 a op\u00e7\u00e3o de um \u00edcone com um \u201c+\u201d<\/span><\/span>, ao interagir com ele, clique em \u201cNew Repository\u201d<\/span><\/span><\/p>\n

\"\"<\/p>\n

Ao se redirecionar para a pr\u00f3xima p\u00e1gina, ser\u00e1 poss\u00edvel criar seu reposit\u00f3rio:<\/span><\/span><\/p>\n

\"\"<\/p>\n

Clicando no bot\u00e3o \u201cCreate repository\u201d no fim da p\u00e1gina, voc\u00ea ser\u00e1 direcionado para a p\u00e1gina de seu novo reposit\u00f3rio.<\/span><\/span><\/p>\n

E agora, como enviamos nossa aplica\u00e7\u00e3o para nosso reposit\u00f3rio?<\/b><\/span><\/span><\/h2>\n

Agora ser\u00e1 utilizado o Git, precisamos abrir a pasta de nosso projeto com o Git, para isto ent\u00e3o, se voc\u00ea \u00e9 um usu\u00e1rio Windows, clique com o bot\u00e3o direito na pasta de seu projeto e clique na op\u00e7\u00e3o \u201cGit Bash Here\u201d, sendo um usu\u00e1rio Linux ou Mac, \u00e9 necess\u00e1rio acessar a pasta pelo terminal do sistema.<\/span><\/span><\/p>\n

Com o terminal ou o Git Bash aberto, \u00e9 necess\u00e1rio inicializar um novo reposit\u00f3rio local com o comando \u201cgit init\u201d, ap\u00f3s isso execute o comando \u201cgit add\u201d e por fim adicione todos os arquivos ao seu reposit\u00f3rio com o comando \u201cgit commit -m \u2018primeiro commit\u2019.<\/span><\/span><\/p>\n

\"\"<\/p>\n

Agora devemos criar um link entre seu reposit\u00f3rio local e o que criamos no GitHub, para isso, digite o pen\u00faltimo comando que aparece no primeiro box do reposit\u00f3rio que voc\u00ea criou<\/span><\/span><\/p>\n

\"\"<\/p>\n

Por fim, voc\u00ea pode digitar o \u00faltimo comando, ou seja, \u201cgit push -u origin main\u201d. Neste \u00faltimo passo ser\u00e1 necess\u00e1rio preencher suas credenciais do Github, sendo e-mail e senha.<\/span><\/span><\/p>\n

Colocando nossa p\u00e1gina online:<\/b><\/span><\/span><\/h2>\n

Para finalizar, solicite que o Github disponibilize um link para sua p\u00e1gina, v\u00e1 no seu reposit\u00f3rio e v\u00e1 em configura\u00e7\u00f5es.<\/span><\/span><\/p>\n

\"\"<\/p>\n

V\u00e1 em \u201cpages\u201d<\/span><\/span><\/p>\n

\"\"<\/p>\n

Como \u00faltimo passo, v\u00e1 para em \u201csource\u201d e selecione a branch main no dropdown e clique em save.<\/span><\/span><\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Aguarde alguns segundos e o GitHub ir\u00e1 disponibilizar um link para sua p\u00e1gina, pronto, sua p\u00e1gina est\u00e1tica est\u00e1 online!<\/span><\/span><\/p>\n

\"\"<\/p>\n



<\/p>\n

Henrique Lengruber<\/p>\n","protected":false},"excerpt":{"rendered":"

A import\u00e2ncia de publicar os seus projetos e ter um portf\u00f3lio online se torna cada vez mais importante para quem deseja procurar algum emprego na \u00e1rea de tecnologia, por isso, esse PET Reda\u00e7\u00e3o possui como objetivo informar aquele que deseja fazer um \u201cdeploy\u201d com a plataforma Github, utilizando seu sistema de p\u00e1ginas est\u00e1ticas. O que […]<\/p>\n","protected":false},"author":2948,"featured_media":3218,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,112],"tags":[149,192],"class_list":["post-3219","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destaques","category-redacao","tag-redacao","tag-web-e-front-end"],"acf":[],"_links":{"self":[{"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/3219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/users\/2948"}],"replies":[{"embeddable":true,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/comments?post=3219"}],"version-history":[{"count":0,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/posts\/3219\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media\/3218"}],"wp:attachment":[{"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/media?parent=3219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/categories?post=3219"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.55bet-pro.com\/pet\/sistemas-de-informacao\/wp-json\/wp\/v2\/tags?post=3219"}],"curies":[{"name":"wp","href":"http:\/\/api.w.org\/{rel}","templated":true}]}}