# EN EL BLANCO — Guía de instalación en VPS
# fernandozepeda.com.mx

## Archivos del proyecto

```
enelblanco/
├── index.html              ← Página principal
├── buscar.html             ← Buscador
├── archivo.html            ← (crear a partir de index.html)
├── .htaccess               ← Configuración Apache
├── css/
│   └── estilo.css          ← Todo el diseño
├── js/
│   └── sitio.js            ← JavaScript del sitio
├── columnas/
│   └── plantilla-columna.html  ← Plantilla para nuevas columnas
├── api/
│   └── columnas.php        ← API para el panel de admin
├── admin/
│   └── index.html          ← Panel de administración
├── datos/                  ← (crear vacío, aquí va la base de datos)
└── img/
    ├── fernando-zepeda.jpg ← Foto del columnista
    ├── favicon.svg         ← Favicon del sitio
    └── columnas/           ← Imágenes de cada columna
```

## Requisitos del VPS

- Apache 2.4+ con mod_rewrite activado
- PHP 8.0+
- SSL/TLS (certificado gratuito con Let's Encrypt)
- Espacio mínimo: 2 GB

## Pasos para instalar

### 1. Subir archivos al VPS

```bash
# Con FTP (FileZilla, Cyberduck, etc.)
# Servidor: fernandozepeda.com.mx
# Usuario y contraseña: los de tu hosting/VPS
# Carpeta destino: /var/www/html/ o /public_html/

# Con SCP desde terminal:
scp -r ./enelblanco/* usuario@fernandozepeda.com.mx:/var/www/html/
```

### 2. Crear las carpetas necesarias

```bash
# Conectarte al VPS por SSH
ssh usuario@fernandozepeda.com.mx

# Crear carpetas que deben existir
mkdir -p /var/www/html/datos
mkdir -p /var/www/html/img/columnas
mkdir -p /var/www/html/columnas

# Dar permisos correctos
chmod 755 /var/www/html/datos
chmod 755 /var/www/html/img/columnas
chown www-data:www-data /var/www/html/datos  # o el usuario de Apache
```

### 3. Cambiar la clave secreta del API

Abre el archivo `api/columnas.php` y busca esta línea:

```php
define('CLAVE_ADMIN', 'CAMBIA_ESTA_CLAVE_SECRETA');
```

Cámbiala por una clave segura tuya, por ejemplo:
```php
define('CLAVE_ADMIN', 'MiClaveSegura2026FZ!');
```

### 4. Configurar Apache

```bash
# Activar mod_rewrite (si no está activado)
sudo a2enmod rewrite
sudo systemctl restart apache2

# Verificar que el .htaccess funciona:
# En /etc/apache2/sites-available/tu-sitio.conf
# asegúrate de tener: AllowOverride All
```

### 5. Instalar certificado SSL gratuito

```bash
# Con Certbot (Let's Encrypt)
sudo apt install certbot python3-certbot-apache
sudo certbot --apache -d fernandozepeda.com.mx -d www.fernandozepeda.com.mx
```

### 6. Poner la foto de Fernando

Sube la foto de Fernando como:
```
/img/fernando-zepeda.jpg
```
Tamaño recomendado: 200x200 px mínimo, cuadrada.

### 7. Probar el sitio

- https://fernandozepeda.com.mx → Página principal
- https://fernandozepeda.com.mx/admin/ → Panel de administración
- https://fernandozepeda.com.mx/buscar.html → Buscador

## Cómo usar el Panel de Administración

### Publicar una nueva columna (desde celular o computadora)

1. Entra a: https://fernandozepeda.com.mx/admin/
2. Toca **"+ Nueva columna"**
3. Escribe o pega el **título**
4. Selecciona la **fecha**
5. Escribe los **balazos** (puntos clave)
6. Pega el **cuerpo** de la columna
7. Agrega las **etiquetas** (Sinaloa, Congreso, etc.)
8. Toca **"Vista previa"** para revisar
9. Toca **"✓ Publicar ahora"**

¡Listo! La columna aparece en el sitio inmediatamente.

### Guardar como borrador

Si no quieres publicar todavía, toca **"Guardar borrador"**.
Los borradores aparecen en la sección "Borradores" del panel.

### Editar una columna publicada

1. Ve a "Todas las columnas"
2. Busca la columna
3. Toca "Editar"
4. Haz los cambios
5. Toca "Publicar ahora" para guardar

## Cómo subir imágenes

### Opción A: Desde el editor
En el editor de columna, usa el botón 📷 para insertar imágenes intercaladas.

### Opción B: Imagen principal
En el campo "Imagen principal", toca la zona de carga y selecciona una foto de tu galería.

### Formato recomendado
- **JPG** para fotografías
- **PNG** para infografías o capturas
- **Ancho mínimo**: 800 px
- **Peso máximo**: 2 MB (para que el sitio cargue rápido en celular)

## Cómo compartir columnas por WhatsApp

### Versión manual (recomendada para empezar)
1. Entra a la columna publicada
2. Toca el botón verde "WhatsApp"
3. Se abre WhatsApp con el título y el enlace listos para enviar

### Flujo para que Fernando mande el texto por WhatsApp
1. Fernando escribe la columna en su celular (Notes, Word o directo)
2. La manda por WhatsApp al editor
3. El editor entra al panel: https://fernandozepeda.com.mx/admin/
4. Pega el texto, agrega imágenes y publica
5. Manda el enlace a Fernando para que lo comparta

## Preguntas frecuentes

**¿Puedo publicar desde el celular?**
Sí. El panel funciona en cualquier navegador móvil. Abre Safari (iPhone) o Chrome (Android) y entra a la URL del admin.

**¿Cómo agrego más etiquetas?**
En el archivo `admin/index.html`, busca la sección con los botones de tags y agrega los que necesites.

**¿Cómo migro las columnas de Sinaloa en Línea?**
Se pueden copiar manualmente: copia el texto de cada columna, entra al panel, crea una nueva entrada con la fecha original y publica.

**¿El sitio aparece en Google?**
Sí, siempre que el dominio fernandozepeda.com.mx ya esté apuntando al servidor. Cada columna tiene metadatos SEO completos. Regístrate en Google Search Console para acelerar la indexación.

## Soporte técnico

Para cualquier problema técnico, los archivos clave son:
- `css/estilo.css` → Todo el diseño visual
- `api/columnas.php` → La base de datos
- `admin/index.html` → El panel de administración
- `.htaccess` → Configuración del servidor

---
Construido para fernandozepeda.com.mx · Mayo 2026