Contenido
Cómo alojar su sitio web HTML en páginas de Github de forma gratuita
Debo advertir que las páginas de GitHub están destinadas a los técnicos. Si desea algo mucho más simple, vaya con Google Sites, Blogger.com o WordPress. En la primera parte de este artículo, discutiré las fortalezas y debilidades de las páginas de GitHub. En la segunda parte, desplegaré un sitio web completamente nuevo usando GitHub Pages y un descuento simple. Todo se hará a través de la interfaz de usuario de GitHub y el editor de código en línea. También haré una demostración de un sitio web de React de muestra alojado en páginas de GitHub. También puede ir a la ubicación de su repositorio en su disco duro y crear un archivo «index.html» en la carpeta del repositorio en su disco.
No tiene que preocuparse en absoluto por el proceso de compilación, todo está resuelto. Tom Preston-Werner creó Jekyll para permitir que las personas escribieran blogs utilizando un sitio web HTML estático simple, con todo el contenido alojado y controlado por versión en GitHub. El objetivo era eliminar la complejidad de otras plataformas de blogs mediante la creación de un flujo de trabajo que le permite bloguear como un hacker. El contenido estático no es código fuente en el sentido de que no se compila o procesa como una secuencia de comandos antes de ser entregado al usuario. Su usuario obtendrá exactamente la misma copia estática del sitio web si ejecutara un rastreador web dirigido a su sitio web. Si bien alojar el código en un repositorio de GitHub sin duda facilita la descarga de una copia de su sitio web, no expone nada que no sea público. Primero, creemos un archivo CNAME especial y coloquemos nuestro nombre de dominio allí.
Git tiene una función llamada ramificación que le permite crear una rama de su código y seguir trabajando en esta nueva rama sin afectar la rama anterior. Cada repositorio de GitHub tiene una rama maestra y, a partir de ella, puede crear otras ramas. Una vez creado el repositorio, verá una página con instrucciones sobre cómo cargar archivos en él. Vaya a la raíz del repositorio de su blog y edite el archivo CNAME para incluir su nombre de dominio (por ejemplo,). La mejor parte es que simplemente puede colocar su blog de Jekyll no creado en la rama maestra de su repositorio de usuarios, y GitHub Pages creará el sitio web estático y lo servirá por usted.
Sitios web para usted y sus proyectos
Afortunadamente, el paquete R blogdown existe solo para este propósito. blogdown es un paquete R que le permite crear sitios web estáticos, lo que significa que la versión implementada del sitio web solo consta de JavaScript, HTML, CSS e imágenes. Afortunadamente, el paquete blogdown hace que no tengas que saber nada de eso para crear un hermoso sitio web para tu blog, impulsado por Hugo. Edite y lasceldasfotovoltaicas.com cree archivos .Rmd que contengan el contenido de su sitio web, lo que producirá las páginas html de su sitio web cuando las entregue. x) Ahora desde la configuración de su repositorio, seleccione la rama gh-pages como la fuente de sus páginas de github. ix) Vaya al repositorio de Github que ha creado para su proyecto y verifique, debe haber una nueva rama ‘gh-pages’ agregada con su rama maestra.
- 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.
- 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 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.
- Las páginas de GitHub son páginas web públicas alojadas de forma gratuita a través de GitHub.
Esto le permitirá a GitHub saber qué nombre de dominio enrutar al repositorio. GitHub Pages es la respuesta de GitHub a las páginas del proyecto y te permite ofrecer cualquier sitio web estático directamente desde tu repositorio. Dado que las páginas de GitHub admiten dominios personalizados, puede alojar un sitio web estático en las páginas de GitHub de forma gratuita, con implementaciones directamente desde Git. Los sitios estáticos son maravillosamente rápidos ya que no implica tiempo de procesamiento del servidor. Además, al confirmar una base de código de activos estáticos en un repositorio de git, deshacer los cambios simplemente se convierte en una cuestión de volver a una confirmación anterior. Las copias de seguridad son muy fáciles de usar, y esencialmente sirve todo su sitio web desde la caché, lo que significa que su servidor casi nunca tendrá que procesar una solicitud nuevamente.
Ahora, envíe otro archivo «CNAME» al mismo repositorio y bifurque y rellénelo con movies.tshepang.net. Inicie sesión en su host DNS y agregue el CNAME para que apunte a «tshepang.github.io». Si vuelve a cargar la página de GitHub, verá que sus archivos ahora están en GitHub. (Si ve problemas en su línea de comando, probablemente necesite configurar sus claves SSH e intentarlo de nuevo). Observe en la parte inferior que puede seleccionar si desea utilizar un archivo de rebajas normal (.md) o un archivo de rebajas de R (.Rmd). Los archivos .Rmd deberán procesarse antes de generar páginas html, por lo que es una buena práctica limitar su uso a los casos en los que se incluye código R. Los sitios web de R Markdown son fáciles de crear e implementar, pero pueden volverse engorrosos si realiza actualizaciones o adiciones frecuentes al sitio web, como en el caso de un blog.
Creación y alojamiento de un sitio personal en Github
Para agregar su propio dominio personalizado, siga las instrucciones en github. Esto se cancelará si hay cambios pendientes en el directorio de trabajo y también se asegura de que se eliminen todos los archivos de salida existentes anteriormente. para incluir el envío final al repositorio remoto si no necesita echar un vistazo a la rama gh-pages antes de presionar. Si aún no tiene un repositorio en github, lo guiaremos para crear uno y enviar el código. ¿Está aprendiendo a codificar y necesita una forma fácil y gratuita de alojar sus proyectos?
Para tener una idea de cómo funciona su sitio y con qué archivos experimentaría para hacer cosas más avanzadas, aquí hay algunas notas sobre lo que hace cada carpeta o archivo en la carpeta de su sitio web actual. Si solo desea comenzar a agregar contenido a su sitio y hacerlo público, puede pasar a la siguiente sección. Hay más información sobre lo que son Jekyll y los sitios estáticos, y sobre por qué querrías usar Jekyll para crear un sitio web estático, arriba. 3.3 – La entrada de texto «Ruta local» es donde vivirá su repositorio en su computadora; aquí no es donde los archivos de su sitio web residen actualmente en el disco duro de su computadora. Antes de cargar nuestro código en GitHub, primero debemos hacer que GitHub Desktop sea consciente de los archivos de nuestro proyecto. Hacemos esto creando una nueva carpeta de repositorio, luego copiamos los archivos de nuestro sitio web en esta nueva carpeta.
No solo es una solución de alojamiento fácil para sitios web con archivos HTML, CSS y JavaScript, sino que también le permite practicar el uso de Git, una herramienta importante pero complicada. En Dominio personalizado, escriba su dominio personalizado y luego haga clic en Guardar. cuentos-infantiles.net Esto creará una confirmación que agrega un archivo CNAME en la raíz de su fuente de publicación. Puede usar el menú desplegable Agregar archivo para cargar un archivo o crear un archivo usando la IU de GitHub. Asegúrese de estar en la carpeta correcta cuando agregue un archivo.