¿Es posible construir un blog propio, sin preocuparme del sitio en el cual se aloja?

Cristian_071

Cristian_071

Novenero
Registrado
Mar 20, 2022
Mensajes
10
Ubicación
Jujuy, Argentina
Antes de comenzar recomiendo visitar los enlaces porque tienen mas información de lo que pueda compartirles.

Como parte de esta comunidad del foro, creo que hay muchos nosotros se dedica a leer post en sitios web. Aunque alguna vez pensé que podía ser uno de los que se encuentra detrás de los contenidos, después de tratar de escribir, ninguno de textos, que escribí, se acerca a lo que me atraía a continuar leyendo esos blogs.

Entonces en caso que alguna vez me plantearía en escribir y dedicar horas a un Blog, busque plataforma que sean seguro y que no dependan de la plataforma en el cual se encuentran alojado el Blog.

Hay toda una discusión con respecto a ventajas y desventajas de los sitios dinámicos vs. los sitios estáticos, pero si te centras en contenido escrito de un Blog, creo que te conviene elegir sitios estáticos.

En caso que te interese conocer opiniones de esta discusión, les invito a leer los siguientes post:
Antes de mencionar la opción que eligiria, tengo que hablar es CMS o Sistema de Gestión de Contenidos, que se encarga de "[..]administrar tanto los contenidos que publiquemos en dicha web (textos, imágenes, vídeos,…), así como la estructura y funcionalidad que tenga el sitio web[..]".
(cita textual del post:
Please, Acceder or Regístrate to view URLs content!
). Un ejemplo de CMS es Blogger y WordPress.

Básicamente estos software, en vez de diseñar todo un sitio web con HTML, CSS y JavaScrip, y cuando quieras agregar más contenido también tienes que crear más archivos HTML, CSS y JavaScrip; que te llevaría mucho tiempo, entonces existen lenguajes como PHP que te permite diseñar un sitio a partir de componentes del archivo HTML como header y footer, cuando quieras agregar contenido lo haces a partir de plantillas predeterminadas, de esta manera te centras en el contenido del Blog.

De las tantas opciones en estos tipos de software que existen, Jekyll aunque no es un CMS cumple con algunas de sus funciones.
Jekyll es una opción poco conocida que te permite alojar en Github, que es una plataforma en donde alojan repositorios de los sistemas de control de versión git, que utilizan los desarrolladores y programadores sus proyectos, que además funciona como Red social para estas personas, te permite alojar tus proyectos pero con la condición que sean públicos, en caso que pertenezcas a una empresa podes pagar cuenta privada.
Aunque Jekyll fue pensado para blog, también tiene temas para hacer portafolios personales,

"Jekyll es un generador de páginas estáticas para la construcción de webs, principalmente enfocado a blogs, aunque nos sirve para contruir cualquier tipo de página web. Está escrito en Ruby y fue desarrollado por Tom Preston-Werner, uno de los cofundadores de GitHub[...] "
"[...]El proceso de Jekyll combina el contenido de los ficheros en markdown con las plantillas de Liquid para generar un sitio web totalmente creado por ficheros estáticos[...]." (citas textuales del post:
Please, Acceder or Regístrate to view URLs content!
)

La arquitectura (
Please, Acceder or Regístrate to view URLs content!
) de un sitio estático generado por Jekyll esta conformado minimamente por un carpeta en cual contiene

Proyecto_blog: _layout default.html post.html _post 2022-08-25-Mi-primer-post.md 2022-08-26-Como-hacer-un-Blog.md index.html

El archivo index.html es página de inicio (home) del sitio web, en la carpeta default.html contiene los diseños/plantillas del sitio web, default.html es el diseño predeterminado, post.html es la plantilla que utiliza los posts.

En la carpeta _post contiene todo lo producido, los archivos:

"YYYY-MM-DD-titulo-del-archivo.md"
Año-mes-dia-titulo-del-archivo.markdown

Jekyll utiliza markdown. Markdown:"[...] es un formato simple de markup, es decir, marcado de texto. La idea es marcar un texto informando qué es importante, qué es un tópico, qué son enlaces e imágenes, sin necesidad de utilizar marcajes más complejos, como HTML[...]" (cita textual del post:
Please, Acceder or Regístrate to view URLs content!
); que utiliza caracteres o símbolos que marcan los títulos y los subtítulos de un archivo de texto, los coloca fuente negrita, cursiva, y se puede insertar imágenes.

En la cabecera del archivo se utiliza una notación en la cabecera del archivo: "Jekyll procesará cualquier archivo que contenga un bloque de materia
Please, Acceder or Regístrate to view URLs content!
como un archivo especial. El asunto inicial debe ser lo primero en el archivo y debe tomar la forma de un YAML válido establecido entre líneas de tres puntos" (cita de documentación oficial de Jekyll,
Please, Acceder or Regístrate to view URLs content!
). Fragmento de ejemplo:

--- layout: post title: Blogging Like a Hacker ---

A continuación un fragmento de una pagina en la carpeta _layout/default.html .

--- layout: default --- <h1>{{ page.title }}</h1> <p>{{ page.date | date_to_string }} - {{ page.author }}</p> {{ content }}

Un ejemplo un fichero realizado por Jekyll.

estructura-jekyll.png

Imagen 1. Fuente :
Please, Acceder or Regístrate to view URLs content!


Algunos tutoriales que te pueden ayudar en la construcción de un sitio estático.


El siguiente post presenta como hacer una cuenta en github:

Sino les basta con conocer aspectos básicos de jekyll, puede visitar este blog, que tiene como objetivo mostrar cada aspecto de Jekyll como instalar, como hacer Etiquetas, etc.


Aunque sino quieres construir desde cero existen temas con los cuales podes empezar, pero es necesario tener una cuenta en Github.
Podes copiar un tema de jekyll que se encuentra alojado en Github a tu repositorio, haciendo 'fork'

boton-fork.png


Imagen 2 Fuente:
Please, Acceder or Regístrate to view URLs content!


En el siguiente post explica como hacer un 'fork':
Hay dos formas de tener el repositorio en tu equipo local, uno es descargar en un archivo formato ZIP y otro es clonar el repositorio a tu equipo utilizando comandos de git.

4493.png


Imagen 3. Fuente:
Please, Acceder or Regístrate to view URLs content!


En la siguiente imagen muestra cual es link del repositorio de github.

4494.png


Imagen 4. Fuente:
Please, Acceder or Regístrate to view URLs content!


Para clonar un repositorio al equipo local es necesario tener instalado Git. El siguiente post explica que es y como instalarlo.
Abrir en terminal, crear una carpeta donde quiere guardar el proyecto, después utilizando comando de git, clone el repositorio.

nombre_de_usario@usuario-pc: ~$mkdir nuevo-proyecto
nombre_de_usario@usuario-pc: ~$cd nuevo-proyecto
nombre_de_usario@usuario-pc:~/nuevo-proyecto$
nombre_de_usario@usuario-pc:~/nuevo-proyecto~$git clone
Please, Acceder or Regístrate to view URLs content!


Antes de finalizar el post sería mejor explicar que es Git.

Git es un sistema de control de versiones, que básicamente te permite guardar y commitear las modificaciones que realices en un proyecto, en caso que te equivoques puedes volver hacia atrás o versiones anteriores. Este software fue pensado en la elaboración de un algoritmo o código de programación, en el cual se construye desde un Máster o rama principal de las cuales pueden derivar a distintas ramificaciones o versiones del código fuente, este sistema fue pensado para el trabajo en equipo, de las cuales los programadores y desarrolladores descargan a sus equipos locales copias o ramificaciones del código fuente y pueden trabajar, modificar, hasta equivocarse sin miedo a dañar el código fuente, cuando finalizan de realizar su trabajo pueden subir las modificaciones que hicieron y se guardan en una rama paralela a la rama principal, en caso que el supervisor o jefe de equipo apruebe las modificaciones se cargan al Máster, al código fuente. Es necesario que estas modificaciones se encuentren bien commiteados (commitear es comentar, explicando y describiendo el trabajo que se hizo en el código de programación) porque tienen que ser claros a la lectura de cualquier persona que se sume al equipo en el trabajo del proyecto en un futuro

Espero que haya sido claro y sea de utilidad en sus futuros proyectos.

Saludos.

Temas recomendados de Jekyll​


Please, Acceder or Regístrate to view URLs content!


Please, Acceder or Regístrate to view URLs content!
. Repositorio en
Please, Acceder or Regístrate to view URLs content!
de Jekyll-Now.
Please, Acceder or Regístrate to view URLs content!
:

Please, Acceder or Regístrate to view URLs content!


Please, Acceder or Regístrate to view URLs content!


Algunos sitios que pueden resultar de su interés.​

​

Migrar de WordPress o Blogger a Jekyll.​

Algunas Herramientas que pueden llegar a ser útil.​

Please, Acceder or Regístrate to view URLs content!

Please, Acceder or Regístrate to view URLs content!

​

Fuente

Videos Youtube tutorial:​


Please, Acceder or Regístrate to view URLs content!


 
Última edición:
Debes iniciar sesión o registrarte para responder aquí.
Arriba