{"componentChunkName":"component---src-templates-blog-template-js","path":"/blog/hello-world/","result":{"data":{"site":{"id":"Site","siteMetadata":{"siteUrl":"https://fredybustos.com"}},"markdownRemark":{"id":"f8bc4ef2-15b5-54a6-a6d8-d04aa09fa9a4","html":"<p>Muchos creamos un portafolio personal y queremos compartirlo con el mundo, que todos tengan acceso a el, que vean lo que hacemos, a lo que nos dedicamos y poder obtener un trabajo como freelance o enviarlo a alguna empresa o agencia que este buscando personal. Pero nos encontramos sin dinero para pagar un hosting (hay muchos con planes económicos) donde alojar el portafolio. Github Pages te ofrece la posibilidad de alojar ese portafolio allí sin tener un backend y sin pagar por ello.</p>\n<p>Lo primero que debes hacer es crear un repositorio de tu portafolio donde va a estar el código y los diferentes assets que use, una vez hecho esto te vas a los <strong><em>settings</em></strong> del repositorio que creaste.</p>\n<p><img src=\"/img/pages1.png\" alt=\"settigns\" title=\"settigns\"></p>\n<p>En los settings te diriges a la parte de <strong><em>GitHub Pages,</em></strong> luego a <strong><em>source,</em></strong> eliges la rama en la que esta tu repositorio, normalmente lo subes a master, pero si lo tienes en una rama distinta, debes elegir esa rama, guardas los cambios.</p>\n<p><img src=\"/img/master.png\" alt=\"master\" title=\"Master\"></p>\n<p>Una vez guardas los cambios, te va a proporcionar una dirección en la cual vas a poder ver tu portafolio, también una opción donde vas a poder personalizar la dirección que te da por defecto.</p>\n<p><img src=\"/img/source.png\" alt=\"source\" title=\"Source\"></p>\n<p>En este punto ya tenemos una dirección en la cual ver tu portafolio, pero como lo que queremos es apuntar nuestro dominio, que compramos con anterioridad en alguno de los proveedores de dominios que hay, para este ejemplo veremos como hacerlo en <strong><em>Namecheap.</em></strong> Antes de esto tenemos que saber cuál es la <strong><em>ip</em></strong> que Github proporciona para tu userName, y así crear un <strong><em>A Record,</em></strong> que apunte a el repositorio donde tenemos el portafolio. Vamos a una <strong><em>terminal</em></strong> y corremos el siguiente comando.</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\">dig tuUserName<span class=\"token punctuation\">.</span>github<span class=\"token punctuation\">.</span>io <span class=\"token operator\">--</span><span class=\"token operator\">-</span><span class=\"token operator\">></span> opción <span class=\"token number\">1</span>\nping tuUserName<span class=\"token punctuation\">.</span>github<span class=\"token punctuation\">.</span>io <span class=\"token operator\">--</span><span class=\"token operator\">-</span><span class=\"token operator\">></span> opción <span class=\"token number\">2</span>\ngithub<span class=\"token punctuation\">.</span>map<span class=\"token punctuation\">.</span>fastly<span class=\"token punctuation\">.</span>net<span class=\"token punctuation\">.</span> <span class=\"token number\">8</span> <span class=\"token constant\">IN</span> <span class=\"token constant\">A</span> <span class=\"token number\">151.101</span><span class=\"token punctuation\">.</span>xx<span class=\"token punctuation\">.</span>xxx <span class=\"token operator\">--</span><span class=\"token operator\">--</span><span class=\"token operator\">></span> esta es ip que  nos interesa</code></pre></div>\n<p>Puedes obtener mas información <a href=\"https://help.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site\">aquí</a></p>\n<p>Ya tenemos la información necesaria para puntar nuestro dominio a Github Pages, pasemos al siguiente punto. En <strong><em>Namecheap</em></strong> nos dirigimos a <strong><em>domain list,</em></strong> elegimos el dominio que vamos apuntar a <em>Github Pages</em>, luego vamos a <strong><em>Advanced DNS,</em></strong> aquí es donde vamos a crear el registro <strong><em>A Record</em></strong> con la información antes obtenida.</p>\n<p><img src=\"/img/name.png\" alt=\"namecheap\" title=\"Namecheap\"></p>\n<p>Regresamos al repositorio en <em>Github</em> donde tienes el portafolio, vamos a <em>settings</em>, <em>Github Pages</em>, <em>source</em> y en <em>custom domain</em> agregamos el dominio que configuramos en <strong><em>Namecheap,</em></strong> guardamos los cambios<strong><em>.</em></strong></p>\n<p><img src=\"/img/done.png\" alt=\"done\" title=\"Done\"></p>\n<p>Listo ahora debemos esperar que tu proveedor de dominio haga la magia, replique los cambios.</p>\n<p>Espero sea de ayuda, sus comentarios son muy bien recibidos..</p>\n<p>Saludos..</p>","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Muchos creamos un portafolio personal y queremos compartirlo con el mundo, que todos tengan acceso a el, que vean lo que hacemos, a lo que nos dedicamos y poder obtener un trabajo como freelance o enviarlo a alguna empresa o agencia que este buscando personal. Pero nos encontramos sin dinero para pagar un hosting (hay muchos con planes económicos) donde alojar el portafolio. Github Pages te ofrece la posibilidad de alojar ese portafolio allí sin tener un backend y sin pagar por ello."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Lo primero que debes hacer es crear un repositorio de tu portafolio donde va a estar el código y los diferentes assets que use, una vez hecho esto te vas a los "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"settings"}]}]},{"type":"text","value":" del repositorio que creaste."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"/img/pages1.png","alt":"settigns","title":"settigns"},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"En los settings te diriges a la parte de "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"GitHub Pages,"}]}]},{"type":"text","value":" luego a "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"source,"}]}]},{"type":"text","value":" eliges la rama en la que esta tu repositorio, normalmente lo subes a master, pero si lo tienes en una rama distinta, debes elegir esa rama, guardas los cambios."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"/img/master.png","alt":"master","title":"Master"},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Una vez guardas los cambios, te va a proporcionar una dirección en la cual vas a poder ver tu portafolio, también una opción donde vas a poder personalizar la dirección que te da por defecto."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"/img/source.png","alt":"source","title":"Source"},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"En este punto ya tenemos una dirección en la cual ver tu portafolio, pero como lo que queremos es apuntar nuestro dominio, que compramos con anterioridad en alguno de los proveedores de dominios que hay, para este ejemplo veremos como hacerlo en "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Namecheap."}]}]},{"type":"text","value":" Antes de esto tenemos que saber cuál es la "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"ip"}]}]},{"type":"text","value":" que Github proporciona para tu userName, y así crear un "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"A Record,"}]}]},{"type":"text","value":" que apunte a el repositorio donde tenemos el portafolio. Vamos a una "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"terminal"}]}]},{"type":"text","value":" y corremos el siguiente comando."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{"className":["gatsby-highlight"],"dataLanguage":"javascript"},"children":[{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"element","tagName":"code","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"dig tuUserName"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"github"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"io "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"--"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"-"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]},{"type":"text","value":" opción "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"1"}]},{"type":"text","value":"\nping tuUserName"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"github"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"io "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"--"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"-"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]},{"type":"text","value":" opción "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"2"}]},{"type":"text","value":"\ngithub"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"map"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"fastly"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"net"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"8"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","constant"]},"children":[{"type":"text","value":"IN"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","constant"]},"children":[{"type":"text","value":"A"}]},{"type":"text","value":" "},{"type":"element","tagName":"span","properties":{"className":["token","number"]},"children":[{"type":"text","value":"151.101"}]},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"xx"},{"type":"element","tagName":"span","properties":{"className":["token","punctuation"]},"children":[{"type":"text","value":"."}]},{"type":"text","value":"xxx "},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"--"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":"--"}]},{"type":"element","tagName":"span","properties":{"className":["token","operator"]},"children":[{"type":"text","value":">"}]},{"type":"text","value":" esta es ip que  nos interesa"}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Puedes obtener mas información "},{"type":"element","tagName":"a","properties":{"href":"https://help.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site"},"children":[{"type":"text","value":"aquí"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Ya tenemos la información necesaria para puntar nuestro dominio a Github Pages, pasemos al siguiente punto. En "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Namecheap"}]}]},{"type":"text","value":" nos dirigimos a "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"domain list,"}]}]},{"type":"text","value":" elegimos el dominio que vamos apuntar a "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Github Pages"}]},{"type":"text","value":", luego vamos a "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Advanced DNS,"}]}]},{"type":"text","value":" aquí es donde vamos a crear el registro "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"A Record"}]}]},{"type":"text","value":" con la información antes obtenida."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"/img/name.png","alt":"namecheap","title":"Namecheap"},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Regresamos al repositorio en "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Github"}]},{"type":"text","value":" donde tienes el portafolio, vamos a "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"settings"}]},{"type":"text","value":", "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Github Pages"}]},{"type":"text","value":", "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"source"}]},{"type":"text","value":" y en "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"custom domain"}]},{"type":"text","value":" agregamos el dominio que configuramos en "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Namecheap,"}]}]},{"type":"text","value":" guardamos los cambios"},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"."}]}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"/img/done.png","alt":"done","title":"Done"},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Listo ahora debemos esperar que tu proveedor de dominio haga la magia, replique los cambios."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Espero sea de ayuda, sus comentarios son muy bien recibidos.."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Saludos.."}]}],"data":{"quirksMode":false}},"frontmatter":{"date":"April 26, 2020","title":"Apuntar dominio a Github Pages!!","metaDescription":"","thumbnail":{"id":"2573126d-2738-5be9-86eb-440c4df4b8e8","childImageSharp":{"id":"eded6d2d-9bb8-598d-995a-a43545bb9f95","fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAMBBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAe9Kw0H/xAAZEAACAwEAAAAAAAAAAAAAAAABAgADICH/2gAIAQEAAQUCPJWxbP8A/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPwE//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPwE//8QAFxAAAwEAAAAAAAAAAAAAAAAAABEgIf/aAAgBAQAGPwI1T//EABkQAAIDAQAAAAAAAAAAAAAAAAERACAxgf/aAAgBAQABPyEgDORpyVf/2gAMAwEAAgADAAAAELAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAHRAAAQMFAQAAAAAAAAAAAAAAATFBUQARICFhgf/aAAgBAQABPxArPYFNaaArwceS8Y//2Q==","aspectRatio":1.7857142857142858,"src":"/static/5013db5f108008b4b282f5eeb4f3c648/9a128/pages.jpg","srcSet":"/static/5013db5f108008b4b282f5eeb4f3c648/7d800/pages.jpg 175w,\n/static/5013db5f108008b4b282f5eeb4f3c648/89f4f/pages.jpg 350w,\n/static/5013db5f108008b4b282f5eeb4f3c648/9a128/pages.jpg 700w,\n/static/5013db5f108008b4b282f5eeb4f3c648/9a763/pages.jpg 1050w,\n/static/5013db5f108008b4b282f5eeb4f3c648/ec6c5/pages.jpg 1280w","sizes":"(max-width: 700px) 100vw, 700px"}}}}}},"pageContext":{"id":"f8bc4ef2-15b5-54a6-a6d8-d04aa09fa9a4","previous":{"id":"d3180769-9fc8-57dc-818f-0b5a1807b327","fields":{"slug":"/blog/2020-04-27-un-aprueba-para-las-imagenes/"},"frontmatter":{"date":"February 20, 2019","title":"Abandoné mi zona de confort. ¿Buena decisión?"}},"next":{"id":"69125df9-e3a5-5f5b-8494-ed00db63523b","fields":{"slug":"/blog/2023-08-08-firebase-deploy-gitlab-ci/"},"frontmatter":{"date":"August 08, 2023","title":"Firebase deploy GitLab CI"}}}}}