Destacados

Los destacados de Enredante

Archivos mensuales: septiembre 2018

Tilda Icons, descarga más de 700 iconos vectoriales gratis para uso personal y comercial

Descargar Iconos Gratis Tilda

En Genbeta constantemente intentamos compartir con ustedes todo tipo de recursos gratuitos que puedan usar en cualquier tipo de proyectos. Desde vídeos a imágenes de stock, hasta sonidos y canciones, o libros.

En ese mismo espíritu queremos compartir con ustedes los iconos de Tilda Publishing, una plataforma para crear sitios web sin saber programar, que casualmente está regalando más de 43 sets de iconos vectoriales que puedes usar tanto en proyectos personales como comerciales.

Iconset Music

Son más de 700 iconos en formado SVG que puedes descargar directamente desde la web sin registro ni pasos previos. Las categorías están divididas en pequeños paquetes temáticos, como por ejemplo: educación, finanzas, deportes, coworking, viajes, música, etc.

43 sets, más de 700 iconos en formato SVG

La licencia se te concede de forma no exclusiva para usar como parte de un diseño o sitio web, y no como el componente principal o único del trabajo donde se va a usar.

Tilda Icons Product Hunt 2018 08 07 12 46 09

Lo único que exige la licencia es crédito con un enlace a tilda.cc/. Y, puedes adaptar y modificar los iconos como necesites. Es una colección bastante amplia y minimalista que puede venir bien en muchos casos, especialmente porque te los ofrecen gratis.

También te recomendamos


Coverr, vídeos de stock gratis para usar donde quieras y como quieras


Las matemáticas seguirán siendo la base del futuro, ¿estamos preparados?


‘Pretty Awesome Lists’, más de 25.000 recursos para desarrolladores en un solo lugar


La noticia

Tilda Icons, descarga más de 700 iconos vectoriales gratis para uso personal y comercial

fue publicada originalmente en

Genbeta

por
Gabriela González

.

Fuente:
Genbeta

Artículo completo:
https://www.genbeta.com/multimedia/tilda-icons-descarga-700-iconos-vectoriales-gratis-para-uso-personal-comercial

Aquí tienes 500 cursos gratis de programación que puedes tomar en agosto

Cursos De Programacion Gratis

La gente de freeCodeCamp, esa grandiosa plataforma que te permite aprender a programar gratis y ganar experiencia escribiendo código para organizaciones sin fines de lucro, ha recopilado una enorme lista con 500 cursos de programación y ciencias de la computación gratis que puedes empezar ya.

Eso es en caso de que no te bastara con las 1400 lecciones que se encuentran actualmente en su sitio de por sí. En esta lista, que aprovecha la enorme base de datos de Class Central, encuentras cursos tanto para principiantes, como para estudiantes intermedios y avanzados.

Algunos de los cursos son para tomar a tu propio ritmo cuando puedas y como quieras, otros empezaron a finales de julio, otros comienzan en agosto, pero entre esos 500 alguno conseguirás que se ajuste a lo que buscas.

Consigues cosas como cursos introductorios a Python, o a las ciencias de la programación. O puedes aprender de temas como la historia de Internet, la tecnología y la seguridad, iniciarte con una Introducción a Linux, o aprender a usar Git y GitHub.

Puedes ver la lista completa en el artículo en Medium de freeCodeCamp, y cada curso está enlazado a su página en Class Central, donde aparece más información, calificaciones y reseñas, y por supuesto, enlace al curso en la plataforma.

Para tomar cursos gratis en Coursera

Muchos de estos cursos están alojados en Coursera, y aunque pueda parecerte que algunos no pueden tomarse de forma gratuita, recuerda que la plataforma te ofrece varias opciones. Primero, las especializaciones no son gratis, pero las partes individuales de un curso sí, así que si tomas cada curso por su lado, Coursera te deja acceder al material.

Lo segundo es que siempre puedes elegir la opción "auditar" para mirar todo el contenido del curso sin pagar, solo que no ganas créditos ni certificación, para ello Coursera siempre cobra.

Además también existe un programa de ayudas para aquellos que no pueden pagar los cursos, solo debes aplicar buscando el enlace que dice "solicitar ayuda económica" explicando tu situación y usualmente te responden muy rápido, y si se justifica te dan acceso gratis a los cursos y especializaciones.

En Genbeta | Un reto que sí vale la pena, haz de la programación un hábito y únete a la comunidad de #100DaysOfCode

En Genbeta | Los mejores 44 cursos universitarios online gratis para formarte en julio y agosto

También te recomendamos


Esta plataforma de cursos te pagará criptomonedas por aprender programación y otras disciplinas tecnológicas


Los 7 mitos (derribados) de jugar en un portátil


Aprende a programar gratis en freeCodeCamp y gana experiencia escribiendo código para organizaciones sin fines de lucro


La noticia

Aquí tienes 500 cursos gratis de programación que puedes tomar en agosto

fue publicada originalmente en

Genbeta

por
Gabriela González

.

Fuente:
Genbeta

Artículo completo:
https://www.genbeta.com/actualidad/aqui-tienes-500-cursos-gratis-programacion-que-puedes-tomar-agosto

Neede, una colección de recursos en línea útiles para diseñadores

Recursos Para Disenadores

Si de algo no se puede tener nunca ni demasiado ni suficiente, es de recursos, especialmente si eres diseñador y buscas desde una simple paleta de colores, a una comunidad donde compartir tu trabajo o conseguir consejos, o incluso solo inspiración.

Esto y más lo puedes encontrar en la inmensidad de la web, pero en Neede.co te hacen el trabajo más fácil y recogen una amplia colección de recursos útiles para diseñadores, y una gran cantidad son completamente gratuitos.

Es una de esas páginas que vas a querer guardar directamente en favoritos para tener siempre a la mano. Es un sitio bastante simple pero con un excelente repertorio. De momento tienen nueve categorías:

Neede Design Resources 2018 08 19 12 53 25

  • Colores: paletas y herramientas para crearlas, colecciones de código de color, enciclopedias de colores, gradientes, apps, etc.
  • Comunidad: enlaces a diferentes comunidades de diseño para mostrar tu trabajo, estar al tanto con las tendencias, etc.
  • Iconos: herramientas para crear y gestionar iconos, o paquetes de iconos para descarga.
  • Inspiración: tendencias en diseño web y móvil, productos y trabajos que inspiran.
  • Fotos: fotografías de stock, recursos para organización de fotos y más.
  • Software: herramientas de colaboración, diseño digital y prototipos.
  • Tipografía: librerías de fuentes, inspiración y todo lo relacionado con las tipografías.
  • Diseño de interfaz de usuario: plantillas, recursos y librerías de componentes.
  • Diseño de experiencia de usuario: artículos sobre las mejores prácticas de diseño y herramientas de prueba.

No tienes que crear una cuenta para usar este sitio, y sin embargo puedes guardar tus favoritos mientras navegas ya que se almacenan de forma local en tu ordenador. El sitio fue creado por una sola persona pero acepta sugerencias, y si consigues algo que crees que valga la pena agregar a la colección, puedes enviar un mail a yourshansel@gmail.com.

En Genbeta | El Met te regala 509 libros de arte que puedes descargar gratis desde la web del museo

También te recomendamos


Tilda Icons, descarga más de 700 iconos vectoriales gratis para uso personal y comercial


Pixelify, una nueva forma de compartir y descargar recursos gratuitos de diseño


Tal vez tu smart home empieza por un simple robot de limpieza


La noticia

Neede, una colección de recursos en línea útiles para diseñadores

fue publicada originalmente en

Genbeta

por
Gabriela González

.

Fuente:
Genbeta

Artículo completo:
https://www.genbeta.com/web/neede-coleccion-recursos-linea-utiles-para-disenadores

12 plantillas de PowerPoint gratis y animadas para crear presentaciones profesionales

Plantillas De Presentaciones De Powerpoint

PowerPoint es una herramienta bastante completa y poderosa, no por nada es básicamente sinónimo de la palabra "presentaciones" desde que estas se pueden crear en un ordenador. Sin embargo, quien lo haya usado sabe que, para obtener los mejores resultados hay que invertir bastante tiempo y trabajo en ella.

De ahí que la búsqueda de plantillas de PowerPoint sea una tan popular, pues con un esqueleto que solo hace falta rellenar, todo el asunto se hace más fácil. Sin embargo, conseguir plantillas gratuitas, de calidad profesional y que además ya vengan animadas, no es la tareas más sencilla, por eso en Genbeta hemos recopilado esta docena para que tengan bastante de donde elegir.

Como no solo de PowerPoint vive el hombre, siempre puedes revisar algunas de nuestras recomendaciones de plantillas para WordExcel, y las hojas de cálculo de Google.

1. Vega

Esta viene con trailer y todo. Forma parte de la colección de plantillas gratuitas de un sitio llamado "The Power of PowerPoint", así que te haces a la idea de a que se dedican. Es una plantilla muy colorida, incluye más de 80 diapositivas completamente animadas, con incluso varias animaciones mostrándose al mismo tiempo.

Aunque el sitio está en una combinación de inglés y japonés, el botón de descargar es imperdible. Y siempre puedes usar el traductor de Google.

2. Procyon

Esta plantilla es del mismo sitio que la anterior, contiene 45 diapositivas completamente animadas en cuatro variedades de colores. Si te interesa conocer las licencias de parte del contenido que usan, como las imágenes y las fuentes, puedes leer detalles en la descripción.

3. Business Infographics

Animated Business Infographic Powerpoint Template 8

Ideal para crear una presentación de plan de negocios, esta plantilla incluye 10 diapositivas animadas, es compatible con PowerPoint, Keynote y Google Slides. Todos los gráficos son vectoriales y así que los puedes escalar como quieres.

4. Business Strategy

Free Business Strategy Powerpoint Template On Behance 2018 08 20 13 03 05

Esta plantilla es libre para uso personal y comercial, contiene 25 diapositivas sumamente elegantes y creadas por Slidesmash Design. Todas completamente editables, y además incluye 100 iconos vectoriales libres de uso.

5. JD

Esta plantilla es ideal para una presentación personal. Contiene 20 diapositivas, y aunque el proceso para obtenerla gratis es un poco tedioso (debes escribirles a su página de Facebook luego de suscribirte, para que te envíen el enlace), si te gusta, vale la pena.

6. Editable Infographic

Ff0160 01 Animated Editable Infographics Powerpoint 5

Esta plantilla está compuesta de dispositivas de visualización de datos de diagramas de análisis de negocios. Contiene 10 dispositivas y también es compatible con Keynote y Google Slides.

7. Power

Power Free Minimal Powerpoint Template On Behance 2018 08 20 13 18 18

Esta plantilla es absolutamente fenomenal. Contiene más de 120 diapositivas, más de 800 iconos tipográficos incluidos en la presentación, puedes invertir los colores de claro a oscuro, tiene 24 variaciones de colores, incluye las fuentes gratuitas, y todas están animadas con transiciones dinámicas.

8. Rigel

Esta es una de las plantillas más casuales de todas, quizás una perfecta para estudiantes. Contiene 48 diapositivas completamente animadas.

9. Mira

Esta presentación tiene colores pasteles muy bonitos y llamativos. Incluye 33 diapositivas completamente animadas y viene en dos variedades de colores.

10. Castor

Para quienes prefieren los fondos oscuros, esta es la plantilla perfecta. Incluye más de 60 diapositivas completamente animadas, y además ofrece tres variedades de colores para contrastar.

11. Five Segments Puzzle Diagram

Ff0159 01 Free Five Animated Segments Puzzle Powerpoint Diagram 2

Es una presentación bastante básica y simple, contiene solo 9 diapositivas, pero tienen un propósito bastante específico que puede serte de utilidad gracias a el diagrama circular en forma de rompecabezas que además está animado.

12. Exclusive

Exclusive Free Powerpoint Template Slide 01

Esta plantilla está pensada para una larga presentación de negocios con bastante texto. Contiene 25 dispositivas coloridas completamente editables. Además incluye los gráficos vectoriales de alta calidad.

En Genbeta | 23 plantillas de presentaciones de PowerPoint para explicarlo todo

También te recomendamos


23 plantillas de presentaciones de PowerPoint para explicarlo todo


En esta web puedes descargar gratis plantillas de presentaciones de Google Slides bonitas y libres de uso


Tal vez tu smart home empieza por un simple robot de limpieza


La noticia

12 plantillas de PowerPoint gratis y animadas para crear presentaciones profesionales

fue publicada originalmente en

Genbeta

por
Gabriela González

.

Fuente:
Genbeta

Artículo completo:
https://www.genbeta.com/ofimatica/12-plantillas-powerpoint-gratis-animadas-para-crear-presentaciones-profesionales

El nuevo currículo para desarrolladores de freeCodeCamp incluye 1400 lecciones y 6 certificaciones completamente gratuitas

Aprender A Programar Gratis

Quizás ya conocías freeCodeCamp o quizás no, en cualquier caso ya habíamos contado antes que se trata de una excelente plataforma en la que puedes aprender a programar gratis y además ganar experiencia escribiendo código para organizaciones sin fines de lucro.

Siempre han ofrecido tres tipos de certificados para los que debes invertir una buena cantidad de horas (1200 aproximadamente), pero si los obtienes estarías sumamente cerca de obtener un buen puesto de trabajo como desarrollador, pues es la historia de más de 8.000 estudiantes de la plataforma. Y ahora, han ampliado el currículo con 1400 lecciones y seis nuevas certificaciones.

Y por supuesto, todo continúa siendo totalmente gratuito. A las ya existentes certificaciones en desarrollo front end, back end y visualización de datos se han añadido seis más:

  • Diseño web responsivo (HTML, CSS, Flexbox, CSS Grid)
  • Algoritmos JavaScript y Estructura de datos
  • Librerías Front End (React, Redux, Sass, Bootstrap, jQuery)
  • Visualización de datos (D3.js)
  • APIs y microservicios (Node.js, Express.js, bases de datos)
  • Seguridad de la información y garantía de calidad (Chai, Helmet.js, BCrypt, Passport.js)

Freecodecamp Aprender Programar Gratis

Para obtener cualquiera de las certificaciones deberás completar cinco proyectos. También se incluyen una amplia cantidad de retos de código que son opcionales, pero sirven justo para prepararte para los cinco proyectos.

Otra novedad que han incluido en la plataforma son las pruebas. También han añadido una nueva sección con retos para prepararse para entrevistas de trabajo, y además ahora tienen un buscador inteligente que te deja encontrar más fácilmente lo que buscas de entre las más de 8.000 lecciones disponibles en el sitio.

Si quieres ver el currículo completo de freeCodeCamp, puedes visitar este enlace. Es en definitiva una de las mejores plataformas disponibles para aprender a programar a tu propio ritmo y totalmente gratis.

También te recomendamos


¿PUEDO INVERTIR EN UN VEHÍCULO ELÉCTRICO SI MI POTENCIA CONTRATADA ES DE 2,3 KW? ¡POR SUPUESTO!


Aquí tienes 500 cursos gratis de programación que puedes tomar en agosto


Genbeta Dev, nuestro portal por y para desarrolladores, se integra en Genbeta


La noticia

El nuevo currículo para desarrolladores de freeCodeCamp incluye 1400 lecciones y 6 certificaciones completamente gratuitas

fue publicada originalmente en

Genbeta

por
Gabriela González

.

Fuente:
Genbeta

Artículo completo:
https://www.genbeta.com/web/nuevo-curriculo-para-desarrolladores-freecodecamp-incluye-1400-lecciones-6-certificaciones-completamente-gratuitas

Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

COMO-TENER-UN-BLOG-CON-GITHUB Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

En este artículo, veremos cómo tener un blog con GitHub y Jekyll. Si eres de los que quieren iniciarse en el mundo del blogging; o tu única pretensión es lanzar un blog personal, sin complicaciones, has llegado al sitio adecuado.

Pero, antes de entrar en materia, conviene revisar esta cita, extraída de Content Marketing Blog, el sitio Web de mi amigo y colega Alberto @albermoire Gómez, con un microblog estupendo.

¿Cuándo fue la última vez que escribiste y publicaste algo simplemente porque lo querías compartir. O porque te nació de un momento a otro. O porque querías enseñarle algo a alguien?

Pero para escribir y publicar algo bajo esos principios es preciso una plataforma de blogging fácil de usar y con unas características determinadas.

Formas de tener un blog, de la forma más fácil, como la que vamos a ver en este post -con GitHub Pages-, ya hemos repasado en Blogpocket. Por ejemplo, con Evernote y Postach.io es posible tener un blog personal sencillo, sin necesidad de conocimientos técnicos especiales y sin distracciones de ningún tipo.

Alberto, en otro post de Content Marketing Blog e inspirador de esta entrada en Blogpocket, indica las funciones del sistema para tener un blog con GitHub y Jekyll:

  • Dominio personalizado.
  • Diseño minimalista.
  • Markdown.
  • No requiere hosting, base de datos o CMS.
  • Webs rápidas y seguras.

En esta entrada, aprenderás a tener un blog con GitHub y Jekyll, rápida y fácilmente y sin complicaciones.

Jekyll requiere conocimientos de programación y de desarrollo de aplicaciones Web pero no te asustes. La misión de Blogpocket es ayudarte a entender mejor los métodos y herramientas para conseguir un blog de éxito fácilmente. Así que hemos descubierto y probado un método para que puedas tener un blog con GitHub y Jekyll sin adquirir ningún conocimiento técnico. Un método para que, sin saber Jekyll, puedas tener ese blog de diseño minimalista que no requiere hosting ni base de datos o CMS. A tu favor, obtendrás un blog rápido, seguro, optimizado para móviles y de bajas emisión de CO2.

Cómo tener un blog con Evernote y Postach.io

Aprende a crear un blog con Evernote y Postach.io, escuchando el podcast anterior y leyendo el siguiente post: Crea un blog con Postach.io y Evernote.

Plataformas alternativas a WordPress

WordPress es la mejor plataforma para crear un blog y cualquier sitio Web, incluso si es tan complejo como una tienda online. La razón es bien simple: es la más completa en cuanto a funcionalidades, la más utilizada en el mundo y de código abierto. Posee detrás una comunidad inmensa de desarrolladores construyendo plugins y themes.

Pero si lo que deseas es solamente lanzar un blog personal, sin más pretensiones para el futuro, y careces de conocimientos técnicos de programación y desarrollo de aplicaciones Web, existen alternativas muy interesantes a WordPress. Lee el siguiente artículo para saber cuáles son las más populares: Las 12 mejores alternativas a WordPress.

Hay una razón de peso para probar sistemas de publicación de blogs, del estilo de Postach.io o GitHub: dedicarse a escribir y compartir, sin distracciones de ningún tipo, recuperando esa “libertad” de la que habla Alberto en Content Marketing Blog, sin el corsé que ciñe actualmente el cuerpo de los blogs.

PERFECCION-DISENO Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Uno de los principios fundamentales con los que comulgamos en Blogpocket es con el minimalismo, no solo en el diseño sino también en las propias características de las herramientas que usamos. Creemos firmemente que la perfección no se logra cuando no hay nada que poner, sino cuando no hay más que quitar.

Markdwown y editor Prose.io

Una de las ventajas de tener un blog con GitHub y Jekyll es que podrás editar los posts mediante Markdown.

John Gruber creó el lenguaje Markdown en 2004, con una ayuda importante de Aaron Swartz en la sintaxis. Gruber tenía la meta de hacer que la gente “pudiera escribir usando un formato de texto plano fácil-de-leer y fácil-de-escribir, y con la posibilidad de poder convertir su documento en XHTML (o HTML) válido”. Wikipedia dixit.

En el siguiente post encontrarás un pequeña guía del lenguaje Markdown: Los atajos de formato del editor WordPress, y Ghost. Y, naturalmente, Alberto también ha publicado un magnífico minipost sobre Markdown en Content Marketing Blog: Simplemente Markdown.

editor-prose-io Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

No obstante, ni siquiera es necesario que conozcas la sintaxis de Markdown para tener un blog con GitHub y Jekyll, ya que el editor Prose.io se integra con GitHub. De esa manera, usas un editor de estilo tradicional para crear los posts en GitHub (ver figura que precede a estas líneas).

¿Qué es GitHub?

Nos hemos ido a la Wikipedia para traer una definición de GitHub.

GitHub es una plataforma de desarrollo colaborativo para alojar proyectos utilizando el sistema de control de versiones Git. Se utiliza principalmente para la creación de código fuente de programas informáticos. El software que opera GitHub fue escrito en Ruby on Rails. Desde enero de 2010, GitHub opera bajo el nombre de GitHub, Inc. Anteriormente era conocida como Logical Awesome LLC. El código de los proyectos alojados en GitHub se almacena típicamente de forma pública, aunque utilizando una cuenta de pago, también permite hospedar repositorios privados.

El 4 de junio de 2018, Microsoft compró GitHub por la cantidad de 7.500 millones de dólares

Una de las características importantes de GitHub que usaremos para el método de creación de un blog es el fork (bifurcación). Según Wikipedia, una bifurcación es la creación de un proyecto en una dirección distinta de la principal u oficial tomando el código fuente del proyecto ya existente. Como resultado de la bifurcación se pueden llegar a generar proyectos diferentes que cubren necesidades distintas aunque similares. El término también puede ser usado para representar la ramificación de cualquier trabajo.

En el método para crear un blog con GitHub y Jekyll, usaremos la función «Fork» para crear un nuevo repositorio en nuestra cuenta de GitHub, a partir del

repositorio de Barry Clark

.

Pasos para tener un blog con GitHub y Jekyll

Sigue al pie de la letra los pasos descritos a continuación para tener un blog con GitHub y Jekyll.

Darse de alta en GitHub

github-perfil Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Este paso es lógico y obligatorio. Entra en GitHub.com y date de alta. Rellena tu perfil (ver mi perfil en GitHub en la figura anterior).

¿Qué es un repositorio?

Una de las pestañas que contiene cualquier perfil en GitHub es la correspondiente a los «Repositorios».

Emplearemos este apartado para crear nuestro blog en GitHub. Es decir, un blog en GitHub reside en un Repositorio. A todos los efectos es como el espacio de almacenamiento de un hosting: el sitio donde se alojan los archivos del blog (instalación de WordPress, imágenes, etc.)

En la figura que precede a esta líneas, y que corresponde a mi perfil en GitHub, se observa el repositorio «blogpocket.github.io» dentro del apartado «Repositorios populares». Ese es mi blog en GitHub.

Veamos cómo se construye.

Hacer Fork de barryclark/jekyll-now

Ya hemos visto qué es un Fork en GitHub.

hithub-fork Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Utilizaremos esta función para obtener una copia del repositorio barryclark/jekyll-now.

Para ello, una vez que accedas al repositorio de Barry Clark, haz clic en el botón Fork (ver figura anterior).

La gran ventaja de este método es que no necesitas conocer la instalación de Jekyll ni realizarla para trabajar en con un blog en GitHub. Simplemente haciendo Fork del repositorio de Barry Clark obtendrás una copia lista para usar. Lógicamente, debes personalizarla.

A personalizar el fork de Barry Clark; es decir, a configurar tu blog en GitHub, es a lo que están dedicados los siguientes pasos.

Lee, primero, el archivo README.md porque contiene las instrucciones básicas para configurar un blog con GitHub y Jekyll.

En este tutorial no entraremos en detalle con el funcionamiento de Jekyll, pero se dan las claves para entender la manera de modificar los archivos del fork original.

El sitio donde están los datos fundamentales del blog es el archivo «_config.yml». Pero lo primero es darle nuevo nombre a tu repositorio.

Darle nombre al repositorio

step1 Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

En el gif anterior puedes ver cómo se hace el Fork al repositorio original de Barry Clark y el cambio del nombre del repositorio.

Haz clic primero en el botón Fork y luego en el botón «Settings» para cambiar el nombre del repositorio.

Yo he creado el repositorio «blogpocket.github.io» en mi perfil de GitHub, lo que da lugar al blog blogpocket.github.io.

Configurar tu blog: archivo «_config.yml»

Entra en el repositorio correspondiente a tu blog (la copia mediante Fork del repositorio de Barry Clark) y haz clic en el archivo «_config.yml». Para editarlo, haz clic en el icon con el lápiz.

github-config Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Personaliza los siguientes parámetros (ver imagen anterior):

  • Name: Nombre del blog.
  • Description: Breve bio o descripción del blog.
  • Avatar: URL de la imagen que se muestra como avatar (puede ser la URL del avatar de tu perfil).
  • Footer-links: Los iconos de redes sociales que se muestran en el footer.

Además, se puede añadir el código de Disqus y Analytics; así como establecer la estructura de los permalinks.

Configurar la página home

Con lo que hemos visto hasta el momento, ya tienes un blog plenamente operativo en GitHub.

Naturalmente, debemos aprender a publicar posts, a crear páginas estáticas (por ejemplo, la de «About») y a personalizar las distintas páginas.

Es preciso aclarar en este instante, que el aspecto del blog se puede cambiar totalmente, mediante el correspondiente archivo CSS («style.scss»). También puedes añadir, eliminar y modificar el código que estimes oportuno de cualquier archivo.

No obstante, en este artículo que estás leyendo, pretendemos ser concisos en la creación de un blog con GitHub. Y proporcionar las claves para que, sin conocimientos de Jekyll, seas capaz de llevarlo a cabo.

La página home se personaliza alterando el archivo «index.html». Por ejemplo, puedes cambiar el literal «Read more» por «Sigue leyendo», añadir la fecha de publicación de los posts, etc.

Decíamos que no es nuestro propósito aquí, enseñar Jekyll. Pero si estás interesado en pequeños cambios como -por ejemplo- añadir la fecha de publicación de los posts; puedes acudir a la documentación oficial:

Quick Start

.

Configurar la página «Acerca de»

La página de About (Acerca de) es la típica página estática que puedes querer añadir a tu blog.

Es conveniente saber en qué archivo se configura el menú de navegación del blog. Entra en la carpeta «_layouts» y haz clic para editar el archivo «default.html».

github-nav Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Añade una nueva opción en el menú de navegación, escribiéndola dentro de la etiqueta <nav> (ver imagen anterior).

Para crear la página «Acerca de», haz clic en el archivo about.md, ubicado en la raíz del repositorio, y cambia su nombre a «acerca-de.md».

Usa el editor Prose.io si te encuentras más cómodo. Pero un archivo «.md» se puede crear con cualquier editor de texto. Para añadir un nuevo fichero, utiliza el botón «Create new file» o súbelo desde tu ordenador con el botón «Upload files».

Traducir el blog: ideas generales sobre la estructura de ficheros del repositorio

Un cambio que seguramente desearás hacer es la traducción de la plantilla. Para ese cambio o cualquier otro que se te ocurra, se describe la estructura de carpetas y directorios del repositorio en el que estamos trabajando.

  • _includes. En esta carpeta se encuentran los archivos para codificar Disqus y Analytics. También para añadir las metaetiquetas HTML correspondientes (por ejemplo, las Twitter Cards) y los enlaces a los iconos sociales.
  • _layouts. Hay tres plantillas que puedes adaptar a tus gustos: «default.html» (la página del blog), «page.html» (cualquier página estática) y «post.html» (cualquier post individual).
  • _posts. En esta carpeta debes guardar los archivos «.md» correspondientes a cada uno de los posts.
  • images. Sube a esta carpeta las imágenes de tu blog, tanto las de los posts como las de cualquier otro lugar.

Para ver cómo he personalizado yo el Fork de Barry Clark, puedes hacer Fork de mi repositorio.

Realmente, es muy sencillo y ni tan siquiera es necesario cambiar HTML o CSS.

Si sabes un poco de HTML y Jekyll puedes crear un blog totalmente a tu gusto.

Escribir, editar y publicar un post

Como ya se ha apuntado, para escribir un post debes crear un archivo «.md» dentro de la carpeta «_posts».

Cada archivo (un post) debe llevar una cabecera que indique el layout que se utiliza, el título y otras cosas como las categorías y tags. Para más información, puedes leer la documentación oficial de Jekyll: Creating Posts.

El nombre del archivo debe incluir la fecha de publicación en formato «YYYY-mm-dd». Por ejemplo, el primer post publicado se encuentra dentro del archivo «2018-8-30-Hello-World.md».

github-post Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Como se observa en la imagen anterior, cada post en Jekyll lleva una cabecera con metadatos. Copia la cabecera del post «Hello World» del repositorio original y úsala en todos tus posts, modificando título, categorías, etc.

El primer párrafo conforma el extracto que se verá en la home. Pero puedes también usar un separador como el típico <!–more–>. Lee esta documentación para aprender a hacer esto y otras cosas relacionadas con la publicación de posts.

Dominios personalizados

Es posible usar dominios personalizados. Yo estoy empleando https://ift.tt/1Jlhp9W con HTTPS gratuito.

Lo único que hay que hacer es indicarlo en el archivo CNAME escribiendo el dominio personalizado (en mi caso, https://ift.tt/1Jlhp9W) y luego configurar la zona DNS del proveedor del registro de dominio. Añade un registro CNAME con valor de la URL del blog.

Para saber si los DNS se ha propagado puedes usar este recurso.

Para cualquier problema con la configuración de un dominio personalizado, consulta Setting Up a Custom Domain With GitHub Pages.

HTTPS

Para establecer el protocolo HTTPS, espera a que tu dominio personalizado esté configurado del todo. Si no usas dominio personalizado, el protocolo HTTPS es inmediato.

Una vez trancurridas 24 horas, acude a «Settings» dentro de tu repositorio, y activa la casilla «Enforce HTTPS», dentro del apartado «GitHub Pages».

Conclusiones

Como dice el propio Barry Clark en Build A Blog With Jekyll And GitHub Pages, lo bueno de tener un blog con GitHub y Jekyll es su simplicidad y minimalismo, que te proporciona exactamente lo que se necesita para crear un sitio web centrado en el contenido que no requiera mucha interacción dinámica del usuario, y nada más. Esto lo hace perfecto para un blog personal, sin muchas aspiraciones.

Como se apuntó al principio de este artículo, es hora de recuperar el placer de tener un blog 😉

También dice Barry Clark que no dejes que la reputación de Jekyll como una plataforma de blogs para hackers te disuada. Construir un sitio web hermoso, rápido y minimalista en Jekyll no requiere habilidades de hacker de élite ni conocimiento de la línea de comandos.

Como se ha visto en este tutorial para tener un blog con GitHub y Jekyll, puedes configurarlo en cuestión de minutos, lo que ganas más tiempo para invertir en tu contenido.

Espero tus comentarios.

¿Estás buscando hosting? SiteGround

es el hosting de Blogpocket ¡pruébalo!:

SITEGROUND-EL-HOSTING-QUE-ME-GUSTA Cómo tener un blog con GitHub y Jekyll, fácilmente y en dos minutos

Fuente:
Blogpocket

Artículo completo:
https://www.blogpocket.com/2018/09/02/tener-un-blog-con-github-y-jekyll/