Cómo crear y desplegar su cartera en menos de 10 minutos

Crear y alojar una cartera es lo que todo programador moderno tiene que hacer. Lo hice hace unos días y enfrenté algunos problemas. Al principio, no sabía nada sobre el asunto en cuestión. Investigué un poco y pude encontrar una manera que es súper rápida. Me dije a mí mismo, ¿por qué no hacer que este tedioso proceso sea fácil? Dentro de los próximos 10 minutos, implementaremos un sitio web estático (una cartera) con un nombre de dominio de nuestra elección y lo alojaremos a través de github-pages . ¡Vamos a hacer todo eso gratis! Esta guía ayudará a los programadores principiantes a desarrollar e implementar su cartera fácilmente. Entonces empecemos !!

Lo primero que necesitarías es una cuenta en Github . Dirígete a Github y crea uno. Ahora necesita desarrollar el sitio web de su cartera. Puede descargar fácilmente una plantilla de cartera de la web y cambiarla de acuerdo con sus demandas. Puedes conseguir uno desde aquífácilmente. Abra el enlace y simplemente haga clic en la bifurcación y el proyecto estará disponible en su cuenta de github. Solo necesitaría hacer cambios menores en el archivo index.html, como agregar su nombre, imagen, etc., lo cual puede hacer fácilmente si tiene algunos conocimientos básicos de html. Tenga en cuenta que si no desea descargar una plantilla y desea crear una cartera por su cuenta, le llevará tiempo. Creé mi portafolio yo solo usando MaterializeCSS. MaterializeCSS es increíble y es uno de los marcos CSS más utilizados cuando se trata de diseño receptivo.

Después de hacer todo esto, tendrá una cartera lista pero aún no está activa. Realice los siguientes pasos para publicar su cartera en la web:

  • Abra su repositorio que obtuvo después de bifurcar el proyecto (si escribió el código usted mismo, entonces cree un repositorio en Github) y haga clic en configuración.
  • Ahora navegue a Páginas de Github y seleccione la rama donde tiene todo su código. Elija maestro si no ha creado ninguna rama nueva y acaba de bifurcar el repositorio desde el enlace de arriba.
  • Ahora simplemente visite este enlace: ‘yourusername’.github.io/’yourprojectname’ .

¡Voila! Su sitio web está en vivo.
Podría estar pensando que el autor habló sobre un dominio personalizado de forma gratuita. ¡No te preocupes, no hago promesas falsas! ¡Aquí está cómo hacer eso!

Todos podemos estar de acuerdo en que este nombre de dominio no se ve bien, por lo que vamos a obtener un nombre de dominio genial. Freenom es un excelente lugar para obtener nombres de dominio que terminan en .tk, un dominio de nivel superior que está disponible de forma gratuita. Así que simplemente visite el enlace y obtenga un nombre de dominio. Dado que estamos alojando una cartera, se recomienda obtener un dominio que tenga su nombre. Como en mi caso, mi nombre no es tan común y pude obtener un dominio que tiene mi nombre completo. Si su nombre es bastante común y no puede obtener un nombre de dominio de su elección, ¡entonces puede maldecir a sus padres! ¡¡Ellos son los responsables de eso!!
Bromas aparte, solo obtenga el nombre de dominio que está disponible 🙂

Ahora tenemos un nombre de dominio y solo necesitamos vincular este nombre de dominio con nuestro repositorio de github. Realice las siguientes tareas para lograrlo:

  • En primer lugar, visite su Repositorio. Haga clic en Configuración .
  • Ahora, en la sección Páginas de GitHub , ingrese su nombre de dominio personalizado (el que compramos en freenom.com ) y haga clic en Guardar.
  • Visite su proveedor de dominio. En esta guía, hemos elegido Freenom.com que proporciona nombres de dominio gratuitos.
  • Ahora, encuentre algo como, ‘DNS’, ‘Administración de DNS’, ‘Configuración de DNS’, etc. donde hay una opción para agregar registros ‘A’ o ‘CNAME’.
  • Solo asegúrese de que la configuración se vea como la siguiente, agregándolos.

    Entonces, después de hacer todo esto, podemos visitar el sitio web de nuestra cartera en el nombre de dominio que compramos. Yo mismo compré un dominio y mi cartera está activa aquí , y el código fuente . También he compartido este artículo en Medium .

    Puedes seguirme en Twitter/geekypunjabi y en Instagram/pndrgrewal .

Publicación traducida automáticamente

Artículo escrito por PushpinderSinghGrewal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *