Título del Artículo

Abstract. Este documento sirve como guía técnica y visual para la redacción de artículos en nuestra plataforma. Se demuestran las capacidades de creación de ecuaciones con LaTeX, resaltado de sintaxis para código (Python/C++/MATLAB) y estructuración de figuras y tablas. Esta plantilla está optimizada para lectura prolongada en modo oscuro.

1. Introducción

La comunicación científica requiere precisión. Utilizamos MathJax para mostrar ecuaciones matemáticas y Highlight.js para bloques de código con resaltado de sintaxis. Para incluir referencias externas o internas, utiliza la etiqueta estándar de enlace HTML: <a href="URL">Texto</a>. Observa que en esta plantilla los hipervínculos son de color naranja para distinguirlos de las etiquetas de figuras y tablas (que son de color cian).

1.1 Ecuaciones en Línea y Bloque

Puedes escribir ecuaciones en un párrafo (inline equations) dentro de los símbolos "$$"; por ejemplo, la identidad de Euler $e^{i\pi} + 1 = 0$ . Esto es útil para variables como $x$, $y$ o $\theta$. Para ecuaciones numeradas, utiliza \begin{equation}; por ejemplo, la función de control es:


        \begin{equation} \label{eq:control-function}
        

            u \left( t \right) = -k \cdot \text{sgn} \left( s \right)
        

        \end{equation}

El resultado de usar el código anterior es:

\begin{equation} \label{eq:control-function} u \left( t \right) = -k \cdot \text{sgn} \left( s \right) \end{equation}

Y puedes citar la ecuación usando \ref{eq:control-function}; por ejemplo, la ecuación (\ref{eq:control-function}) representa una función de control discontinua. Esta plantilla también soporta matrices:

\begin{equation} \label{eq:matrix-example} \mathbf{J} \left( f_{1}, \dots, f_{m} \right) = \begin{bmatrix} \frac{\partial f_1}{\partial x_1} & \cdots & \frac{\partial f_1}{\partial x_n} \\ \vdots & \ddots & \vdots \\ \frac{\partial f_m}{\partial x_1} & \cdots & \frac{\partial f_m}{\partial x_n} \end{bmatrix} \end{equation}

2. Inserción de Código

Para demostrar algoritmos, utilizamos bloques de código con resaltado de sintaxis automático. El sistema detecta el lenguaje, pero es preferible especificarlo en la clase (ej. class="language-python").


                import numpy as np

                def sliding_surface(error, error_dot, lambda_gain):
                    """
                    Calcula la superficie de deslizamiento s = e_dot + lambda * e
                    """
                    s = error_dot + lambda_gain * error
                    return s

                # Parámetros
                k_gain = 5.0
                s_val = 0.5

                # Ley de control discontinua
                u = -k_gain * np.sign(s_val)
                print(f"Control Output: {u}")


                % Simulación de Sistema Masa-Resorte
                clc; clear; close all;

                m = 10; k = 5; b = 2;
                sys = tf(1, [m b k]);

                t = 0:0.01:10;
                u = ones(size(t)); % Entrada escalón
                [y, t] = lsim(sys, u, t);

                plot(t, y, 'LineWidth', 2);
                grid on;
                title('Respuesta del Sistema');


                void setup() {
                    pinMode(LED_BUILTIN, OUTPUT);
                    Serial.begin(9600);
                }

                void loop() {
                    // Control ON/OFF simple
                    if (sensorValue > threshold) {
                        digitalWrite(LED_BUILTIN, HIGH);
                    } else {
                        digitalWrite(LED_BUILTIN, LOW);
                    }
                    delay(100);
                }

3. Figuras y Tablas

Las figuras deben estar centradas y siempre acompañadas de una descripción.

(b) zDynamics

Figura 2. Vistas isométricas del prototipo experimental.

Tablas de Datos

**Tabla 1.**Parámetros de simulación
Parámetro	Símbolo	Valor	Unidad
Masa	$m$	1.25	kg
Gravedad	$g$	9.80665	$\frac{m}{s^2}$
Ganancia Proporcional	$K_p$	15.0	-

3.1 Gestión de Imágenes en Astro

En Astro, las imágenes estáticas deben alojarse dentro de la carpeta public/. Para mantener el orden en el proyecto, usamos la siguiente estructura estricta:

📂 public/ (Raíz de recursos estáticos)
├── 📂 images/ (Logos y recursos generales del sitio)
└── 📂 articulos/ (Carpeta exclusiva para posts)
└── 📂 nombre-de-tu-articulo/ (Crea una carpeta por artículo)
├── diagrama-control.png
└── resultado-simulacion.jpg

Al escribir el código HTML, la referencia se hace desde la raíz (la carpeta public es invisible en la URL final). Por ejemplo:


                <!-- Nota que la ruta empieza con /articulos/... -->
                <figure class="figure-item">
                    <img src="/articulos/nombre-de-tu-articulo/diagrama-control.png" alt="Descripción" />
                    <figcaption><strong>Figura 1.</strong> Diagrama de bloques.</figcaption>
                </figure>

4. Conclusión

Esta plantilla provee todos los elementos necesarios para publicar información científica. Recuerda siempre citar tus fuentes y verificar que el código sea funcional antes de publicarlo. Cualquier modificación futura debe incrementar el número de la versión (e.g. v1.2, v1.3.1, etcétera). La lógica del número de actualización se definirá en futuras ediciones.

"La simplicidad es la máxima sofisticación." - Leonardo da Vinci

Referencias

[1] J. Slotine and W. Li, Applied Nonlinear Control. Prentice Hall, 1991.
[2] D. Zenteno, "Cartesian Constrained Non-Singular Terminal Sliding Mode Control", IEEE Access, 2024.
[3] B. Siciliano, Robotics: Modelling, Planning and Control. Springer, 2009.

TÍTULO DEL ARTÍCULO

GUÍA DE USO PARA LA PLANTILLA DE ARTÍCULOS V1.1