106.9K+Download
Zur Nutzungsanleitung springen
Baoyu Markdown to HTMLvon jimliu

Baoyu Markdown to HTML Skill.

Wandeln Sie Markdown in gestaltetes HTML für die Veröffentlichung von Artikeln um.

  • Markdown
  • Artikelgestaltung
OpenDesign herunterladenNutzungsanleitung ansehen
Quellenprüfung · baoyu-markdown-to-htmlSKILL.md
Aufgabe Wandeln Sie Markdown in gestaltetes HTML für die Veröffentlichung von Artikeln um. Ergebnis Eine HTML-Datei mit dem gewählten Theme und Inline-CSS. Bevor Sie beginnen Der Skill erzeugt HTML; die Veröffentlichung des Artikels ist eine separate Aktion.
Redaktionelle Zusammenfassung · Quelle geprüft 2026-11-02 · kein generiertes Beispiel

01 Funktionen

Markdown in gestaltetes HTML für die Artikelveröffentlichung umwandeln

Wandeln Sie Markdown in HTML mit Theme und Inline-CSS um: mit Code, Diagrammen und optionalen Quellenangaben für externe Links in WeChat-Artikeln.

Quellenbasierter WorkflowKein Ausführungs-Benchmark

Die Arbeitsweise

Baoyu Markdown to HTML wandelt einen Artikel in gestaltetes HTML mit Inline-CSS um und ist für Workflows mit WeChat Official Accounts optimiert. Es unterstützt die Auswahl von Theme und Typografie sowie Code-Hervorhebung, Fußnoten, Hinweisblöcke und Diagramminhalte. Das konvertierte HTML wird neben der Markdown-Quelle gespeichert. Für eine bereits vorhandene HTML-Ausgabe wird eine Sicherung mit Zeitstempel angelegt.

Der Skill berücksichtigt auch Veröffentlichungsdetails, die den fertigen Artikel beeinflussen. Die erste Überschrift wird standardmäßig entfernt, sofern keep-title nicht aktiviert ist. Externe Links werden nur auf ausdrücklichen Wunsch in Quellenangaben am Artikelende umgewandelt. Mermaid-Diagramme werden über einen Browser als PNG-Dateien gerendert und zwischengespeichert. Ist das Rendering nicht verfügbar, wird auf eine Textdarstellung zurückgegriffen.

Erwartete Ergebnisse

  • Eine HTML-Datei mit dem gewählten Theme und Inline-CSS.
  • Informationen zu erzeugten oder referenzierten Bildern, einschließlich Mermaid-PNG-Dateien bei erfolgreichem Rendering.
  • Ein strukturiertes Ergebnis mit dem HTML-Pfad und gegebenenfalls dem Sicherungspfad.
Beispiel-Briefing ansehen

Vom Briefing zur Prüfung

  1. 01
    Die Artikeldarstellung festlegen

    Lesen Sie ausdrücklich angegebene Theme-Wünsche und Einstellungen in EXTEND.md. Enthält die Eingabe chinesischen, japanischen oder koreanischen Text und ist baoyu-format-markdown verfügbar, bieten Sie diesen separaten Formatierungsschritt vor der Konvertierung an.

  2. 02
    Umgang mit Quellenangaben und Titel wählen

    Lassen Sie Quellenangaben für externe Links deaktiviert, sofern sie nicht angefordert wurden. Entscheiden Sie, ob die erste Überschrift im Artikeltext erhalten bleiben soll.

  3. 03
    Inhalte und Diagramme konvertieren

    Führen Sie den mitgelieferten Konverter main.ts mit den gewählten Darstellungsoptionen über Bun oder den dokumentierten npx-Ersatzweg aus. Mermaid verwendet browserbasiertes PNG-Rendering und, sofern verfügbar, einen Cache.

  4. 04
    Die Ausgabe für die Veröffentlichung prüfen

    Öffnen Sie das HTML, prüfen Sie die Diagramme und nennen Sie die Ergebnispfade. Unterscheiden Sie erfolgreich erzeugte Bilder von ersatzweise ausgegebenem Mermaid-Markup.

02 Einsatzbereiche

Wann der Skill sinnvoll ist

Der Skill erzeugt HTML; die Veröffentlichung des Artikels ist eine separate Aktion.

Gut geeignet

  • Gestaltete ArtikelexporteEin Markdown-Artikel benötigt für den Veröffentlichungsworkflow HTML mit Inline-CSS.
  • WeChat-FormatierungInhalte benötigen kompatible Themes und optional gesammelte externe Quellenangaben.

Zu prüfende Grenzen

  • Umfang der KonvertierungDer Skill erzeugt HTML; die Veröffentlichung des Artikels ist eine separate Aktion.
  • Browserabhängige DiagrammeFür das PNG-Rendering von Mermaid werden Chrome, Chromium oder Edge benötigt.
  • Erfolgreiche Konvertierung mit ErsatzdarstellungDie Konvertierung kann erfolgreich sein, obwohl ein Diagramm nur als Ersatz-Markup vorliegt. Prüfen Sie deshalb das Ergebnis.

Diese Eingaben mitbringen

  • Markdown-QuelleStellen Sie den Artikel und alle darin referenzierten lokalen Bilder bereit.
  • DarstellungswünscheWählen Sie ein Theme und optional eine abweichende Farbe, Schrift oder einen Titel.
  • Verhalten für die VeröffentlichungLegen Sie den Modus für Quellenangaben, die Beibehaltung des Titels und die Anforderungen an Diagramme fest.

03 Wichtige Entscheidungen

Wichtige Entscheidungen

  1. Gestaltung für die Artikelveröffentlichung

    Inline-CSS überträgt das gewählte Theme in das exportierte Dokument.

  2. Expliziter Umgang mit Links

    Quellenangaben am Artikelende werden nur auf Wunsch aktiviert. Für WeChat und alleinstehende URLs sind Ausnahmen dokumentiert.

  3. Wiederherstellbare Ausgabe

    Vor dem Ersetzen einer vorhandenen HTML-Datei wird eine Sicherung mit Zeitstempel angelegt.

04 Beispielbriefing

Mit einem gezielten Briefing beginnen

Das folgende Beispiel-Briefing wurde nicht getestet. Prüfen Sie die Einrichtung des Skills, bevor Sie es verwenden.

Quelle und Einrichtung prüfen

Stellen Sie den Artikel und alle darin referenzierten lokalen Bilder bereit.

Upstream-Quelldatei
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md

Der folgende Verweis öffnet die Originalanleitung. Prüfen Sie vor der Verwendung die Einrichtungshinweise im Repository; der Verweis ist kein Installationsbefehl.

Mit einem Ergebnis beginnen

Passen Sie Umfang, Quellmaterial und Rahmenbedingungen in diesem Briefing an, bevor Sie den Skill ausführen.

Beispiel-Briefing
Nutze baoyu-markdown-to-html, um den bereitgestellten Artikel mit dem Theme simple und unserer gewählten Akzentfarbe zu konvertieren. Behalte die erste Überschrift bei und aktiviere Quellenangaben am Artikelende für gewöhnliche externe Links. Lasse die Markdown-Quelle unverändert. Der Artikel enthält zwei Mermaid-Diagramme. Versuche daher, sie als PNG zu rendern, und prüfe, ob die Ausgabe verwendbare Bilder oder nur Ersatz-Markup enthält. Nenne den HTML-Pfad, einen gegebenenfalls vorhandenen Sicherungspfad und die erzeugten Diagrammdateien. Veröffentliche den Artikel nicht. Weise auf nicht unterstützte Formatierung oder fehlende lokale Bilder hin, die vor der weiteren Veröffentlichung geklärt werden müssen.

Das Ergebnis prüfen

Prüfen Sie die tatsächliche Ausgabe anhand dieser beobachtbaren Kriterien.

  • Das HTML entspricht dem gewünschten Theme und dem festgelegten Umgang mit dem Titel.
  • Diagramme werden tatsächlich geprüft; ihr Erfolg wird nicht allein aus einem erfolgreichen Konvertierungsabschluss abgeleitet.
  • Ausgabe- und Sicherungspfade werden korrekt angegeben.

OpenDesign bietet einen lokalen Design-Arbeitsbereich für Coding-Agenten. Dieser Eintrag bedeutet nicht, dass der Skill mitgeliefert wird oder dass seine externen Tools, Zugangsdaten und Software-Abhängigkeiten enthalten sind.

OpenDesign herunterladenSchnellstart lesen

05 Quelle und Lizenz

Quelle und Lizenz

Diese Seite beschreibt die unten verlinkte, festgelegte Quellrevision. Verhalten und Anforderungen im Upstream können sich ändern.

Quellinhaber
jimliu
Repository
jimliu/baoyu-skills
Skill-Datei
SKILL.md
Lizenz
MIT
Geprüfter Stand
2026-11-02 · 0a27d7d40e79

Lesehinweise

  1. Geltungsbereich der LizenzDer LICENSE-Text des Repositorys wurde für den festgehaltenen Versionsstand geprüft. Im vollständigen Dateinamenverzeichnis des Archivs wurde unter dem Pfad dieses Skills keine speziellere LICENSE-, COPYING- oder NOTICE-Datei gefunden. Die Einordnung gilt für den geprüften Originalquellcode, nicht für erzeugte Ergebnisse oder Abhängigkeiten Dritter. Laut README gilt für das GitHub-Repository MIT, sofern nicht anders angegeben; veröffentlichte ClawHub-Distributionen verwenden dagegen MIT-0. Dieser Eintrag ordnet die festgehaltene GitHub-Quelle ein. Zugehöriger Konvertercode unter packages/baoyu-md/src/LICENSE enthält einen Hinweis auf WTFPL Version 2 für aus doocs/md übernommenen und angepassten Code. Das gesamte Paket einschließlich seiner Abhängigkeiten darf nicht pauschal als einheitlich MIT-lizenziert bezeichnet werden.
Redaktionelle Quellenzusammenfassung
Wandeln Sie Markdown in gestaltetes HTML für die Veröffentlichung von Artikeln um.

Originalzusammenfassung von OpenDesign auf Grundlage der verlinkten Quelle. Repository-Sterne sind ein datiertes Popularitätssignal, keine Skill-Nutzung und keine Qualitätsbewertung.

06 Fragen vor dem Start

Fragen vor dem Start

Werden externe Links immer ans Artikelende verschoben?

Nein. Der Modus für Quellenangaben ist standardmäßig deaktiviert und wird nur auf ausdrücklichen Wunsch eingeschaltet.

Was passiert, wenn das Mermaid-Rendering fehlschlägt?

Der Konverter kann auf vorformatiertes Mermaid-Markup zurückgreifen, während die Konvertierung insgesamt erfolgreich abgeschlossen wird.

Wird eine vorhandene HTML-Datei ersetzt?

Laut Quelle wird zunächst eine Sicherung mit Zeitstempel erstellt und ihr Pfad angegeben.

OpenDesign

Briefing und Designarbeit an einem Ort.

Halten Sie Briefing, Quellmaterial und Designarbeit in einem lokalen Arbeitsbereich zusammen. Prüfen Sie die Einrichtung des Skills, bevor Sie ihn in Ihren Workflow aufnehmen.

OpenDesign herunterladenDesign-Skills durchsuchen
Upstream-Quelldatei
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md