Tuto XAMPP

1. Instalar Git en Linux

sudo apt update
sudo apt install git -y
git --version

Si git --version devuelve una versión, Git está listo.

2. Configurar identidad de Git

git config --global user.name "TU NOMBRE"
git config --global user.email "TU_CORREO"
git config --global --list

3. Preparar la carpeta local

En este proyecto la copia Git se conserva, por ejemplo, en:

~/@github/tutoxampp

Entramos en la carpeta y comprobamos su contenido:

cd ~/@github/tutoxampp
pwd
ls -la

Si la web viene de Google Drive, puede sincronizarse manteniendo intacta la carpeta oculta .git:

rsync -av --delete --exclude='.git/' \
"/mnt/shared/GoogleDrive/MyDrive/---@web/www/@public_html/tutoxampp/" \
~/@github/tutoxampp/

4. Inicializar Git y usar la rama main

cd ~/@github/tutoxampp
git init
git branch -m main

Git no versiona directorios completamente vacíos. Si necesitas conservar uno:

touch ruta/de/la/carpeta/.gitkeep

5. Crear un .gitignore

El archivo .gitignore evita que entren archivos temporales o secretos accidentales:

.DS_Store
Thumbs.db
*.log
*.tmp
*.bak
*.swp
.env
.env.*

6. Primer commit

git add .
git status
git commit -m "Primera version completa de tutoxampp"
git log --oneline -1

git status permite comprobar qué archivos se incluirán antes de crear el commit.

7. Crear el repositorio remoto

1. En GitHub pulsa + → New repository.
2. Elige el nombre del repositorio.
3. Puede ser Private: Cloudflare puede trabajar con repositorios privados autorizados.
4. Para este flujo, créalo vacío: sin README, sin .gitignore y sin licencia.

Después enlazamos la carpeta local:

git remote add origin https://github.com/USUARIO/REPOSITORIO.git
git remote -v

8. Autenticarse desde Linux con GitHub CLI

GitHub no acepta la contraseña normal de la cuenta para un git push por HTTPS. Una forma cómoda en Chromebook es GitHub CLI:

sudo apt install gh -y
gh auth login

En el asistente elegimos:

GitHub.com
HTTPS
Authenticate Git with your GitHub credentials? Yes
Login with a web browser

La terminal muestra un código. En Chrome abrimos:

https://github.com/login/device

Introducimos el código, autorizamos y regresamos a la terminal.

gh auth status

9. Primera subida a GitHub

git push -u origin main

La opción -u deja enlazada la rama local main con origin/main. Las siguientes subidas podrán hacerse simplemente con git push.

10. Rutina normal de actualización

Después de modificar o sincronizar la web:

cd ~/@github/tutoxampp
git status
git add -A
git commit -m "Actualizacion de la web"
git push

• git add -A registra archivos nuevos, modificados y eliminados.
• git commit crea una nueva versión local.
• git push envía esa versión a GitHub.

11. Si cambias de ordenador: git clone

No hace falta reconstruir el repositorio a mano. En el nuevo equipo:

git clone https://github.com/USUARIO/REPOSITORIO.git

GitHub → git clone → ordenador nuevo

git clone descarga los archivos y también el historial del repositorio. No borra nada de GitHub.

12. Conectar GitHub con Cloudflare

En la interfaz actual de Cloudflare:

1. Abre el Dashboard.
2. Entra en Cómputo → Workers & Pages.
3. Pulsa Crear aplicación.
4. Conecta GitHub.
5. Autoriza únicamente el repositorio necesario si quieres limitar el acceso.
6. Selecciona la rama main.
7. Despliega el proyecto.

Para una web HTML/CSS/JS sin framework no es necesario un proceso de compilación complejo.

13. Publicación y dominio

Cloudflare puede asignar una URL pública bajo workers.dev, por ejemplo:

https://NOMBRE-PROYECTO.SUBDOMINIO.workers.dev/

También puede añadirse un dominio personalizado más adelante.

14. Flujo automático final

editar o sincronizar archivos
        ↓
git add -A
        ↓
git commit
        ↓
git push
        ↓
GitHub
        ↓
Cloudflare detecta el commit
        ↓
nuevo despliegue

Una vez conectado, no hay que volver a subir los archivos manualmente a Cloudflare.

15. Comandos de comprobación

git status
git remote -v
git log --oneline -5
gh auth status

Si la rama está sincronizada, git status mostrará algo parecido a:

On branch main
Your branch is up to date with 'origin/main'.
nothing to commit, working tree clean