Podes crear tu pagina web gratis mostrando tu portafolio de tus trabajos gracias a GitHub Pages. Ademas gracias a bootstrap tu portafolio quedara muy bonito y responsivo, adaptado para verlo en varias pantallas. Lo primero seria crearte una cuenta en github.com.

Esta guía le llevará por la creación de un sitio de usuario en username.github.io.

Crear tu sitio web

  1. En la esquina superior derecha de cualquier página, utiliza el menú desplegable  y selecciona New repository (Nuevo repositorio).Captura de pantalla del menú desplegable GitHub que muestra las opciones para crear nuevos elementos. El elemento de menú "New repository" está resaltado en naranja oscuro.
  2. Escriba username.github.io como nombre del repositorio. Reemplace username por su nombre de usuario de GitHub. Por ejemplo, si el nombre de usuario es octocat, el nombre del repositorio debe ser octocat.github.io.Captura de pantalla de la configuración de GitHub Pages en un repositorio. El campo del nombre del repositorio contiene el texto "octocat.github.io" y aparece en naranja oscuro.
  3. En el nombre del repositorio, haz clic en  Configuración. Si no puedes ver la pestaña «Configuración», selecciona el menú desplegable  y, a continuación, haz clic en Configuración.Captura de pantalla de un encabezado de repositorio en el que se muestran las pestañas. La pestaña "Configuración" está resaltada con un contorno naranja oscuro.
  4. En la sección «Código y automatización» de la barra lateral, haz clic en  Páginas.
  5. En «Compilación e implementación», en «Origen», selecciona Implementar desde una rama.
  6. En «Compilación e implementación», en «Rama», usa el menú desplegable de rama y selecciona un origen de publicación.Captura de pantalla de la configuración de Páginas en un repositorio GitHub. El menú para seleccionar una rama como origen de publicación, etiquetado como "Ninguno", aparece en naranja oscuro.
  7. Opcionalmente, abre el archivo README.md del repositorio. El archivo README.md es donde escribirá el contenido de su sitio. Puedes editar el archivo o mantener el contenido predeterminado por el momento.
  8. Visite username.github.io para ver su nuevo sitio web. Ten en cuenta que la publicación de los cambios en el sitio puede tardar hasta 10 minutos después de que insertes los cambios en GitHub.

Cambiar el título y la descripción

De manera predeterminada, el título del sitio es username.github.io. Puede cambiar el título. Para ello, edite el archivo _config.yml en el repositorio. También puedes agregar una descripción de tu sitio.

  1. Haga clic en la pestaña Code (Código) del repositorio.
  2. En la lista de archivos, haga clic en _config.yml para abrir el archivo.
  3. Haz clic en  para editar el archivo.
  4. El archivo _config.yml ya contiene una línea que especifica el tema del sitio. Agregue una nueva línea con title: seguido del título que quiera. Agregue una nueva línea con description: seguido de la descripción que quiera. Por ejemplo:theme: jekyll-theme-minimal title: Octocat's homepage description: Bookmark this to keep an eye on my project updates!
  5. Cuando haya terminado de editar el archivo, haga clic en Commit changes (Confirmar cambios).

Ahora luego de tener ya tu pagina lista nos descargamos este template desde el siguiente link: http://startbootstrap.com/

Finalmente debemos subir todo ese archivo comprimido .zip a nuestro repositorio. En mi caso el repositorio lo tengo en el siguiente link: https://github.com/elvisoft/miweb (tambien podrias descargarte este proyecto directamente y luego hacer tus cambios).

Asi quedaria tu portafolio

Podes ver mi portafolio en: https://elvisoft.github.io/miweb/

Bonus Track:

Para incrustar tu formulario de contacto necesitarias un servidor de email pero este servicio gratuito no te lo permite, entonces lo que hice fue crear un formulario gratuito con 123form https://www.123formbuilder.com (tambien podrias hacerlo con google form) luego el codigo html lo pegas en el index.html y se muestra como se ve en mi portafolio y ademas el email se deberia enviar sin incovenientes a tu correo.

Espero te sirva, hasta el proximo tuto!

por elvisoft

Deja una respuesta