Crear blog con Hexo, Github Pages, Cloudflare SSL
Paso a paso con imágenes

Search for a command to run...
Paso a paso con imágenes

No comments yet. Be the first to comment.
A practical guide to Deepsec, Vercel's security harness: how to configure it correctly with your Claude Code subscription, run scans on your codebase, troubleshoot common issues, and triage findings effectively.
Guía práctica de deepsec Guía completa para usar deepsec — el security harness de Vercel — entendiendo qué hace cada comando, cómo configurarlo correctamente para usar tu suscripción de Claude Code (e
Using Grafana, Prometheus, Node Exporter, cAdvisor, and Loki, Exposed via NGINX
Jupyter Lite Notebook is an incredibly versatile tool for working with code and data interactively and collaboratively.

Ultra-Light HTTP Server with Busybox HTTPD Applet Description: This Docker image is designed to provide an ultra-lightweight HTTP server optimized for efficiently serving static files. It is based on the Busybox system and utilizes the Applet HTTPD f...

Todos estos pasos son fácilmente reemplazables al importar tu repositorio hexo en vercel, pero si por alguna razón no quieres usar vercel, sigue leyendo.

Click en "DNS"
En la sección "Nameservers" click en "Change"

Seleccionar custom y agregar nameservers obtenidos en cloudflare.com
Eliminar cualquier otro nameserver que exista.
Cloudflare nameservers
Según Cloudflare y Godaddy este proceso de cambio de nameservers puede tomar hasta 24 horas, pero normalmente toma unos pocos minutos, para validar si el cambio se realizó podemos hacerlo de dos formas:
Abrir la terminal o cmd y pegar el siguiente comando
$ nslookup -type=ns randomtechguy.com
Ingresar a https://dnschecker.org/
Ingresar a github.com y crear repositorio
Agregar nombre al nuevo repositorio y hacer click en "Create repository"
Para este punto nuestro dominio ya está siendo administrado por cloudflare por lo que contamos con un certificado SSL.
Ingresar a cloudflare.com
Click en nuestrio sitio creado en el paso 1
Click en Crypto y verificamos el estado del certificado, que debería estar activo como muestra la imagen abajo:
Ir a sección "Always Use HTTPS" y marca la casilla en "On"
Abrir la terminal en la que tienes acceso a los comandos git y npm
# Instalar hexo globalmente
$ npm install hexo-cli -g
# Iniciar un proyecto hexo
$ hexo init myawesomeblog
# myawesomeblog es el nombre de la carpeta que se creará, pueden usar cualquier nombre pero para poder guiarnos mejor vamos a usar el mismo nombre del repositorio que creamos en el paso 3.
# Entrar a la carpeta del proyecto e instalar dependencias
$ cd myawesomeblog
$ npm install
# Probar nuestro blog creado con hexo
hexo server
# Este comando debería retornar lo siguiente
INFO Start processing
INFO Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.
Abrir nuestro navegador en la dirección http://localhost:4000 para ver nuestro nuevo blog No cierres la terminal la vamos a usar mas adelante.
Los siguientes pasos son basados en el excelente artículo de Jeff Ferrari https://www.poweredbyjeff.com/2018/05/14/Deploying-Hexo-website-to-Github-Pages/
Editar URL url: https://randomtechguy.com #nuestro dominio con https Editar public dir from public to docs public_dir: docs Comentar configuracion de Deploy
#deploy:
# type:
Abrir la terminal en la que tienes acceso a los comandos git y npm
# Remover Plugins
$ npm uninstall hexo-generator-cname hexo-deployer-git
# Crear archivo CNAME en carpeta source, usar nano, vim o el editor de su preferencia
$ nano source/CNAME #Sin extensión todo en mayúsculas
# Escribir nuestro dominio en el archivo CNAME
$ echo myawesomeblog.com > source/CNAME
# Generar archivos
hexo generate
# Este comando generará una carpeta docs en nuestro proyecto
Puedes ver el artículo completo en la ayuda de Github https://help.github.com/articles/adding-an-existing-project-to-github-using-the-command-line/
$ git init
$ git add .
$ git commit -m "First commit"
# Agregar origen remoto URL de nuestro repositorio creado en el paso 3
$ git remote add origin remote https://github.com/diegofcornejo/myawesomeblog.git
# Verificar la nueva URL remota
git remote -v
# Push cambios
$ git push origin master
Ingresar nuestro repositorio en la web
https://github.com/diegofcornejo/myawesomeblog
Veremos que ahora nuestro repositorio tiene archivos
Click en el Tab "Settings"
En la sección "Github Pages" Seleccionar master branch / docs folder y Salvar