Voy a intentar explicar como he hecho esta web. En la asociación quieren tener una web y creo que de esta manera se puede hacer bien, rápido, fiable, colaborativa, segura …

Ingredientes

HUGO

https://gohugo.io/
Como generador de sitio web estático Go, escribes los contenidos en Markdown (lenguaje humano) y HUGO lo transforma a HTML y CCS
Chuleta Markdown:
https://dl.icdst.org/pdfs/files3/c79990b0b853932d36ddc117ce2503e3.pdf

hugo server --> Crea un servidor local con tu web en http://localhost:1313/ es LIVE.
hugo -d docs/ --> Vuelca contenido a HTML CCS en la carpeta "docs" que es la que pilla github para hacer la web

GitHub

https://github.com/hotspotcepeda/hotspotcepeda.github.io
Como controlador de versiones en nube.

git clone https://github.com/hotspotcepeda/cepeda.git --> Clona a local el repositorio
git pull --> Compara diferencias entre local y en repositorio
git add . --> marca todo para subir a repositorio los cambios
git commit -m "mensaje para control de versiones" --> sube cambios
git push --> Sube los cambios marcados de local a repositorio

Google

Una cuenta de correo google o el correo que sea va ha hacer falta, para logarse en github, para hacer indexation, posicionamiento, de contacto del sitio, etc…

Visual Code Studio

https://code.visualstudio.com/
Esto es lo mejor para perderle el respeto a la programación, Cuando está instalado y configurado se pueden hacer los post en 1 minuto, y muchas cosas más.

Netlify

https://www.netlify.com/
Si ya tenemos un nombre de dominio para nuestro sitio de guithub lo podemos sincronizar con netlify. Gratis. Solo se pagaría por el dominio.

Preparación

Yo lo que hice fue pillar una plantilla de HUGO, descargarla a una carpeta de mi máquina, trabajarla con el Visual Code, subirla a github e ir modificando con mi contenido.
Que te equivocas y te los cargas todo, pues no pasa nada, pasito para atrás y a probar de nuevo, es lo bueno de git.

Los pasos serían:

HUGO :
- Instalar: Windows / macOS / Linux https://gohugo.io/getting-started/installing/
Git :
- Instalar: Windows / macOS / Linux https://git-scm.com/downloads
Visual Studio Code :
- Instalar: Windows / macOS / Linux https://code.visualstudio.com/
- Configurar:
  - Terminal para usar el bash de git.
  - Instalar extensiones.

Y luego ya descargar y trabajar con la plantilla que más te guste de HUGO
https://themes.gohugo.io/
Cada plantilla suele tener su propia documentación, su repositorio, su soporte, su equipo de trabajo…

Estos videos me vinieron muy bien para empezar.

La Web