Contenido
Contenido
Creación de un sitio web estático con páginas Jekyll y 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.
Crea una cuenta de Github
Confirme los cambios y podrá ver los archivos y carpetas que acaba de confirmar. Como se mencionó anteriormente, el código PHP en el archivo form-handler.phpscript no se ejecutará en las páginas de GitHub, pero lo incluimos con el resto de los archivos del sitio web para mantener todo lo que pertenece a ese sitio junto. Si está familiarizado con el sistema de control de Gitversion, puede cargar los archivos de su sitio web en el repositorio de esta manera. Para hacerlo simple, usaremos la IU de GitHub para cargar los archivos. GitHub tiene un documento de ayuda detallado sobre cómo configurar y usar Git si está interesado. Las páginas de GitHub, al ser un servicio de alojamiento de sitios estáticos, no admiten lenguajes del lado del servidor como PHP, Ruby o Python. La aplicación de inicio ofrece una opción para recopilar datos a través de formularios y enviar los datos a una dirección de correo electrónico.
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 software mantenimiento 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.
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.
Crear un sitio web hermoso, rápido y minimalista en Jekyll no requiere habilidades de piratas informáticos de élite ni conocimientos de la línea de comandos. Como se muestra en el tutorial, puede configurarlo en cuestión de minutos, lo que le brinda más tiempo para dedicarlo a su contenido y diseño. La fortaleza de Jekyll es su simplicidad y minimalismo, que le brinda justo lo que necesita para crear un sitio web centrado en el contenido que no necesita mucha interacción dinámica del usuario, y nada más. Esto lo hace perfecto para su blog y portafolio y también vale la pena considerarlo para un sitio web de cliente simple. Jekyll puede leer archivos de datos YAML y JSON de la carpeta / _data /, lo que le permite usarlos en sus plantillas al igual que otras variables. Esto es realmente útil para almacenar datos repetitivos o específicos de un sitio web que no le gustaría que aumentaran _config.yml. Guardo mis imágenes en una carpeta / images / en el repositorio y todavía no he tenido ningún problema de rendimiento.
- Dado que está dentro de estático, el sitio publicado contendrá el archivo CNAME en la raíz del sitio publicado, que es un requisito de las páginas de GitHub.
- es una rama especial que usa github para obtener archivos para compilar y publicar.
- Su nombre de dominio personalizado debe ser el único contenido dentro de CNAME.
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 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.
Varias variables de Jekyll están disponibles jardin-urbano.com para su salida en plantillas.
Hacemos el procesamiento del formulario a través de un script PHP que se encuentra en el archivo form-handler.php. Si va a tener formularios en su sitio web y desea procesar los datos con el archivo PHP, entonces su sitio web debe estar alojado en una plataforma que admita PHP y la función PHPmail descargarplusdede.com (). Si decide seguir con el script PHP, consulte los documentos de ayuda para averiguar cómo recibir datos de formularios y cómo configurar Mailchimp utilizando el archivo form-handler.phpscript. No dejes que la reputación de Jekyll como plataforma de blogs para piratas informáticos te disuada.
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 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.
¿Qué son las páginas Git, Github y Github?
Si su sitio web está alojado en páginas de GitHub, las imágenes serán distribuidas por la red de entrega de contenido súper rápida de GitHub. Todavía no he encontrado la necesidad de almacenarlas en otro lugar, pero si quisiera migrar mis imágenes a algún lugar como CloudFront, entonces sería bastante fácil apuntar todos mis enlaces de imágenes a una carpeta en ese servidor. Las primeras etiquetas de plantilla de Liquid que hacen esto en el ejemplo anterior son page.title y content, que generan el título y el contenido de la publicación del blog.