Saltar al contenido

Creación de un sitio web estático con páginas Jekyll y Github

13/12/2019

how to create a web page in github

Notará que al generar y ejecutar su sitio en la sección anterior se agregó una nueva carpeta «_site». Aquí es donde Jekyll coloca los archivos HTML que genera a partir de los otros crmgratuito.net archivos en la carpeta de su sitio web. Este comando le dijo a jekyll que creara un nuevo sitio instalando todos los archivos necesarios en una carpeta llamada JekyllDemo.

Creación y alojamiento de un sitio personal en Github

Pages te permite hacer las mismas cosas que GitHub, pero si el repositorio tiene un nombre determinado y los archivos que contiene son HTML o Markdown, puedes ver el archivo como cualquier otro sitio web. Pages también incluye un potente generador de sitios estáticos llamado Jekyll, del que aprenderemos más adelante.

Contenido

how to create a web page in github

Esto creará un directorio especial para las gemas de tus páginas de GitHub y cambiará tu variable de entorno GEM_HOME para que solo uses las gemas en ese directorio. También creará dos archivos, .ruby-versionand.ruby-gemset, que le indican a RVM que siempre use esta versión particular de Ruby y gemset en este directorio. Por ejemplo, en el momento de escribir este artículo, estoy ejecutando la última versión de Ruby (v2.3.0), por lo que my.ruby-versionis ruby-2.3.0 y my.ruby-gemset, como se especifica, es github-pages. Además de alojar un sitio web independiente, las páginas de GitHub se pueden usar para crear páginas para proyectos o repositorios específicos. Aquí tomaremos un repositorio existente amazing-python-project y agregaremos un sitio web de GitHub Pages en una nueva rama. Mantenga directorios separados para los archivos fuente (llamé a este directorio «fuente») y para los archivos estáticos (el directorio YOUR_GH_NAME.github.io) que se generarán en la compilación.

  • Si prefiere escribir en Sublime, Vim, Atom u otro editor, todo lo que necesita hacer es clonar en su repositorio, crear nuevas publicaciones de blog de Markdown en la carpeta _posts y luego enviar los cambios a GitHub.
  • Agregar una nueva publicación a esta carpeta hará que aparezca una nueva publicación de blog en su sitio web, en orden cronológico inverso.
  • Regrese a la línea de comando (Terminal / Git Bash) y envíe todos sus archivos en la carpeta de su sitio web a github.
  • Las páginas de GitHub reconstruirán automáticamente su sitio web tan pronto como su archivo Markdown llegue al repositorio, y su nueva publicación de blog estará activa tan pronto como se complete la compilación.
  • La carpeta _posts contiene los archivos individuales que representan una publicación de blog en su sitio web.
  • Un repositorio es como una carpeta para su proyecto, que contiene todos los archivos del proyecto y almacena el historial de revisión de cada archivo.

La carpeta que cree en este paso (por ejemplo, JekyllDemo) se denominará la «carpeta del sitio web» durante el resto de este tutorial. Jekyll es un software que le ayuda a «generar» o crear un sitio web estático (puede ver a Jekyll descrito como un «generador de sitios estáticos»). Jekyll toma plantillas de página, cosas como menús principales y pies de página que le gustaría compartir en todas las páginas web de su sitio, donde escribir manualmente el HTML para incluirlas en cada página web llevaría mucho tiempo. Estas plantillas se combinan con otros archivos con información específica (por oracionesalavirgenmaria.com ejemplo, un archivo para cada publicación de blog en el sitio) para generar páginas HTML completas para que las vean los visitantes del sitio web. Jekyll no necesita hacer nada como consultar una base de datos y crear una nueva página HTML cuando visita una página web; ya tiene las páginas HTML completamente formadas y solo las actualiza cuando o si alguna vez cambian. Las páginas de GitHub son páginas web públicas alojadas de forma gratuita a través de GitHub. Los usuarios de GitHub pueden crear y alojar sitios web personales y sitios web relacionados con proyectos específicos de GitHub.

Crea una cuenta de Github

how to create a web page in github

Publique y comparta su propio sitio web gratis con Github

Regrese a la línea de comando (Terminal / Git Bash) y envíe todos sus archivos en la carpeta de su sitio web a github. Un repositorio es como una carpeta para su proyecto, que contiene todos los archivos del proyecto y almacena el historial de revisión de cada archivo. Si prefiere escribir en Sublime, Vim, Atom u otro editor, todo lo que necesita hacer es clonar en su repositorio, crear nuevas publicaciones de blog de Markdown en la carpeta _posts y luego enviar los cambios a GitHub. Las páginas de GitHub reconstruirán automáticamente su sitio web tan pronto como su archivo Markdown llegue al repositorio, y su nueva publicación de blog estará activa tan pronto como se complete la compilación. La carpeta _posts contiene los archivos individuales que representan una publicación de blog en su sitio web. Agregar una nueva publicación a esta carpeta hará que aparezca una nueva publicación de blog en su sitio web, en orden cronológico inverso. Cubriremos la adición de publicaciones de blog en la siguiente sección.