Toolverse
Wszystkie skille

wiki-vitepress

autor: microsoft

Zamień wygenerowane wiki w elegancką stronę VitePress z ciemnym motywem i interaktywnymi diagramami

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend

O skillu

Skill do pakowania markdown'owych stron wiki w statyczną stronę VitePress. Otrzymujesz gotową strukturę projektu z ciemnym motywem, obsługą diagramów Mermaid z możliwością powiększania oraz pełnym buildem produkcyjnym. Idealne, gdy chcesz udostępnić wygenerowaną dokumentację jako przeglądalną stronę internetową. Automatycznie konfiguruje nawigację, pasek boczny i stylowanie na podstawie struktury katalogowej.

Jak używać

  1. Aktywuj skill wiki-vitepress, gdy masz już wygenerowane pliki markdown wiki i chcesz je opakować w stronę. Skill uruchamia się automatycznie po poleceniu /deep-wiki:build lub gdy poprosisz o "zbudowanie strony" lub "spakowanie jako VitePress".

  2. Skill generuje strukturę katalogową wiki-site/ zawierającą folder .vitepress/ z konfiguracją, folder public/ na zasoby statyczne, wszystkie wygenerowane pliki markdown oraz plik package.json do zarządzania zależnościami.

  3. Konfiguracja automatycznie ustawia ciemny motyw (appearance: 'dark') i integruje plugin vitepress-plugin-mermaid z predefiniowanymi zmiennymi kolorów dla diagramów Mermaid w ciemności.

  4. Diagramy Mermaid są stylizowane trzywarstwowo: zmienne tematu w konfiguracji, nadpisania CSS w custom.css oraz bezpośrednie atrybuty SVG — to zapewnia prawidłowe wyświetlanie w ciemnym motywie z możliwością kliknięcia do powiększenia.

  5. Nawigacja i pasek boczny są generowane automatycznie na podstawie struktury katalogowej wiki, więc nie musisz ręcznie konfigurować menu.

  6. Po wygenerowaniu struktury możesz zainstalować zależności (npm install) i uruchomić build produkcyjny, aby uzyskać gotową do wdrożenia stronę HTML.

Podobne skille