Zusammenfassung der Webfunktionen dieses Blogs

// data.js
//Verwaltet Blog-Kategorien und Beitragsliste
//Geben Sie den Kategorienamen in „categoryMap“ ein.
//Das Posts-Array enthält den Titel, die Zusammenfassung, den Dateinamen und die Tags des eigentlichen Artikels.

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: 'Zusammenfassung der Blog-Webfunktionen',
        summary: 'Wie der aktuelle Blog Beiträge lädt und anzeigt',
        fileName: 'WEBBlogFeature.md',
        tags: ['Web', 'Blog']
    }
];

// app.js
//Ändern Sie den Bildschirm mithilfe der Hash-Route
//Beispiel:
//#home: Startbildschirm
//#category/WEB/1 : WEB-Kategorieseite 1
//#post/110001: Spezifischer Beitrag

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);
    }
}

//Post-Loading-Methode
//Suchen Sie den Dateinamen im Posts-Array.
//Importieren Sie die Markdown-Datei mit fetch in den Posts-Ordner und zeigen Sie sie auf dem Bildschirm an.

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

<!-- Wie schreibt man -->
<!-- 1. Erstellen Sie eine Markdown-Datei im Beitragsordner. -->
<!-- 2. Fügen Sie Beitragsinformationen zum Beitrags-Array in data.js hinzu -->
<!-- 3. Kategorie- und Tag-Filter funktionieren automatisch basierend auf Kategorie- und Tag-Werten. -->

# Titel

Der Text ist in Markdown geschrieben.

```cpp
// Codeblöcke können ebenfalls verwendet werden
int main() {
    return 0;
}
```