Como alojar tu blog de forma gratuita con Jekyll y GitHub Pages

Si buscas comenzar un blog, es probable que el primer nombre que encuentres sea WordPress. Hay una razón para eso. WordPress es increíblemente flexible y alimenta sitios web grandes y pequeños. La cuestión es que no todos los sitios web necesitan una infraestructura tan poderosa, especialmente un blog simple

Hay disponibles opciones más pequeñas, más simples y más baratas. GitHub Pages , por ejemplo, es gratuito para uso personal. Combine eso con Jekyll, un generador de sitios estáticos , y tendrá todo lo que necesita para un blog. Aún mejor, es gratis.

Ejecutará Jekyll en su propia computadora, y solo MacOS y Linux son oficialmente compatibles. Aquí cubriremos ambos sistemas operativos, y las instrucciones de Linux pueden funcionar con el Subsistema de Windows para Linux que ejecuta Ubuntu. Dicho esto, no ha sido probado.

También querrás acceder a un buen editor de texto. TextEdit o GEdit funcionarán, pero es posible que desee algo más robusto. Hemos echado un vistazo a varios grandes editores de texto multiplataforma en el pasado.

Debe tener al menos una familiaridad pasajera con la línea de comandos. Estar familiarizado con git y GitHub también será necesario. Si no está familiarizado, tenemos una guía para git y la documentación de GitHub es excelente.

Finalmente, Jekyll utiliza Markdown , que le permite escribir en texto sin formato pero presentar su contenido en HTML al usuario. Debes estar familiarizado con Markdown, o al menos estar dispuesto a aprenderlo. Esto puede sonar desalentador, pero Markdown es fácil de aprender.

Instala Jekyll y sus dependencias.

Esto ha sido probado en macOS Mojave y Ubuntu 18.04. Si está ejecutando otra versión de cualquiera de los sistemas operativos, es posible que deba consultar el sitio web de Jekyll para obtener más información.

macOS

Antes de que pueda instalar Jekyll, debe instalar las herramientas de línea de comandos de XCode con el siguiente comando: xcode-select --install

Seleccione Instalar y espere a que se complete el instalador. Ahora puedes instalar Jekyll y Bundler: gema instalar - user-install bundler jekyll

Cuando ejecute este comando, verá una advertencia similar a la siguiente: WARNING: You don't have /Users/YOURNAME/.gem/ruby/2.3.0/bin in your PATH, gem executables will not run.

Anote el número de versión. Suponiendo el mensaje anterior, ejecute los siguientes comandos, sustituyendo el número de versión correcto si es diferente: echo export 'PATH = $ HOME / .gem / ruby ​​/ 2.3.0 / bin: $ PATH' >> ~ / .bash_profile source ~ / .bash_profile

Ubuntu

Antes de instalar Jekyll, deberás instalar las herramientas de compilación con el siguiente comando: sudo apt-get install ruby-full build-essential zlib1g-dev

Al igual que con macOS, queremos instalar y ejecutar desde el directorio de inicio en lugar de como root. Ejecuta los siguientes comandos:

  • echo 'export GEM \ _HOME = "$ HOME / gems"' >> ~ / .bashrc
  • echo 'export PATH = "$ HOME / gems / bin: $ PATH"' >> ~ / .bashrc

Ahora instala Jekyll y Bundler: gema instalar jekyll bundler

Pon a prueba tu instalación de Jekyll

Para asegurarse de que todo esté funcionando, ejecute lo siguiente: jekyll -v

Si todo se ha instalado correctamente, verá un mensaje con el número de versión. Si en cambio ve un mensaje como command not found, vea la documentación de Jekyll.

Configura tu nuevo blog con Jekyll

Ahora que Jekyll está instalado, crear tu nuevo blog es simple: jekyll nuevo blog

Puede usar cualquier nombre que desee en el comando anterior en lugar de blog. Este es simplemente el nombre del directorio que Jekyll crea. Ahora cdal directorio que acaba de crear y ejecute el siguiente comando: paquete exec jekyll servir github-pages-jekyll-blog-in-browser

Esto lanzará su nuevo blog sobre la ejecución local en su computadora. Abra la URL que se muestra en su navegador para echar un vistazo al sitio. Como puedes ver, hay mucho trabajo por hacer. Presiona Ctrl+ Cpara detener.

Personaliza tu blog

Para editar el título del sitio y otra información, abra el directorio de su blog y edite "_config.yml". Las diversas opciones aquí son bastante obvias. Ahora, si lo desea, puede editar su página de inicio, que es el archivo "index.md", aunque esto es opcional.

Para comenzar a escribir su primera publicación de blog, abra la carpeta "_posts" y verá una publicación de muestra. Abre esto y edítalo, o duplícalo para crear una nueva publicación.

Implementa tu blog en GitHub

Ahora que su sitio está configurado localmente, es hora de ponerlo en línea. Si aún no tiene una cuenta de GitHub configurada, regístrese y obtenga git instalado y configurado en su computadora. A continuación, cree un nuevo repositorio con el nombre username.github.io, reemplazando "username" con su nombre de usuario GitHub.

Ahora abre tu terminal y cden tu carpeta de blog. Ejecuta los siguientes comandos.

  • git init
  • git add --todo
  • git commit -m "
  • comisionado inicial" git remote add origin https: // github.com / username / username.github.io.git
  • git push -u origen master

Ahora deberías poder visitar username.github.io y ver tu nuevo blog. Si no aparece de inmediato, espere unos minutos e intente nuevamente.

Próximos pasos

Los pasos anteriores son solo los conceptos básicos para ponerlo en marcha. Jekyll tiene mucho que ofrecer, así que asegúrese de revisar la documentación . También hay una serie de temas disponibles para realzar el aspecto de tu blog.

También hay otros pasos a seguir con GitHub Pages. Habilitar el soporte de HTTPS solía ser un proceso más complejo, pero ahora se puede hacer en la configuración de su repositorio . La configuración de su propio nombre de dominio también es un proceso simple, y GitHub tiene una gran guía sobre cómo hacerlo.

Una última cosa a tener en cuenta es que es una buena idea verificar los cambios del sitio localmente antes de enviarlos a su repositorio. Simplemente ejecute el bundlercomando que usamos anteriormente para ver su sitio en su computadora. Esto te ayudará a capturar todo, desde errores tipográficos hasta errores de sintaxis de Markdown.

Semrush sigue a tu competencia


Fecha actualización el 2019-02-12. Fecha publicación el 2019-02-12. Categoria: web Autor: Oscar olg Mapa del sitio Fuente: maketecheasier
web