Resumen de las características web de este blog

// data.js
//Gestiona categorías de blogs y lista de publicaciones.
//Ingrese el nombre de la categoría en CategoryMap,
//La matriz de publicaciones contiene el título, el resumen, el nombre del archivo y las etiquetas del artículo real.

const categoryMap = {
    'CPP': { name: 'C / C++' },
    'CS': { name: 'Computer Science' },
    'WEB': { name: 'Web' },
    'NTT': { name: 'Nand2Tetris' }
};

const posts = [
    {
        id: 110001,
        category: 'WEB',
        date: '2026-05-20',
        title: 'Resumen de las características web del blog.',
        summary: 'Cómo carga y muestra las publicaciones el blog actual',
        fileName: 'WEBBlogFeature.md',
        tags: ['Web', 'Blog']
    }
];

// app.js
//Cambiar pantalla usando ruta hash
//ejemplo:
//#home: pantalla de inicio
//#category/WEB/1 : Categoría WEB página 1
//#post/110001: Publicación específica

function router() {
    const hash = location.hash || '#home';

    if (hash === '#home') {
        renderHome();
    } else if (hash.startsWith('#category/')) {
        renderCategory(hash);
    } else if (hash.startsWith('#post/')) {
        renderPost(hash);
    }
}

//Método de carga posterior
//Busque el nombre del archivo en la matriz de publicaciones,
//Importe el archivo Markdown en la carpeta de publicaciones usando buscar y muéstrelo en la pantalla.

fetch(`posts/${post.fileName}`)
    .then(response => response.text())
    .then(markdown => {
        document.querySelector('#content').innerHTML = marked.parse(markdown);
    });

<!-- como escribir -->
<!-- 1. Cree un archivo Markdown en la carpeta de publicaciones. -->
<!-- 2. Agregue información de publicación a la matriz de publicaciones en data.js -->
<!-- 3. Los filtros de categorías y etiquetas funcionan automáticamente según los valores de categorías y etiquetas. -->

# título

El texto está escrito en Markdown.

```cpp
// También se pueden utilizar bloques de código
int main() {
    return 0;
}
```