106.9K+Scarica
Vai alla guida all’uso
Baoyu Markdown to HTMLdi jimliu

Baoyu Markdown to HTML Skill.

Converti Markdown in HTML impaginato per la pubblicazione di articoli.

  • Markdown
  • Impaginazione articoli
Scarica OpenDesignVedi la guida all'uso
Esame della fonte · baoyu-markdown-to-htmlSKILL.md
Attività Converti Markdown in HTML impaginato per la pubblicazione di articoli. Risultati Un file HTML con il tema scelto e CSS inline. Prima di iniziare Lo Skill crea HTML; pubblicare l’articolo è un’azione separata.
Sintesi editoriale · fonte esaminata il 2026-11-02 · non è un esempio generato

01 Funzionalità

Converti Markdown in HTML impaginato per la pubblicazione di articoli

Converti Markdown in HTML con temi e CSS inline, codice, diagrammi e citazioni facoltative dei link esterni per gli articoli WeChat.

Flusso di lavoro basato sulla fonteNon è un benchmark di esecuzione

L'approccio di lavoro

Baoyu Markdown to HTML converte un articolo in HTML con CSS inline, ottimizzato per i flussi di lavoro di WeChat Official Account. Supporta scelte di tema e tipografia, evidenziazione del codice, note a piè di pagina, avvisi e diagrammi. L’HTML convertito viene salvato accanto al sorgente Markdown; se esiste già un output HTML, ne viene creata una copia di backup con timestamp.

Lo Skill gestisce anche dettagli di pubblicazione che influiscono sull’articolo finale. La prima intestazione viene rimossa per impostazione predefinita, salvo attivazione di keep-title; i link esterni diventano citazioni in fondo solo su richiesta esplicita. I diagrammi Mermaid vengono renderizzati tramite browser in immagini PNG memorizzate nella cache, con un ripiego testuale se il rendering non è disponibile.

Risultati attesi

  • Un file HTML con il tema scelto e CSS inline.
  • Informazioni sulle immagini generate o referenziate, comprese le risorse PNG di Mermaid quando il rendering riesce.
  • Un risultato strutturato con il percorso dell’HTML e l’eventuale percorso del backup.
Vedi il brief di esempio

Dal brief alla revisione

  1. 01
    Definisci la presentazione dell’articolo

    Leggi le scelte esplicite del tema e le preferenze EXTEND.md. Se l’input contiene testo CJK e baoyu-format-markdown è disponibile, proponi questo passaggio separato di formattazione prima della conversione.

  2. 02
    Scegli come gestire citazioni e titolo

    Lascia disattivate le citazioni dei link esterni, salvo richiesta. Decidi se mantenere l’intestazione iniziale nel corpo dell’articolo.

  3. 03
    Converti contenuti e diagrammi

    Esegui il convertitore main.ts incluso tramite Bun o l’alternativa npx documentata, con le opzioni di presentazione scelte. Mermaid utilizza il rendering PNG tramite browser e una cache, quando disponibili.

  4. 04
    Esamina l’output per la pubblicazione

    Apri l’HTML, controlla i diagrammi e riporta i percorsi dei risultati. Distingui le immagini generate correttamente dal markup Mermaid usato come ripiego.

02 Quando usarlo

Quando usarlo

Lo Skill crea HTML; pubblicare l’articolo è un’azione separata.

Adatta a

  • Esportazioni di articoli impaginatiUn articolo Markdown necessita di HTML con CSS inline per un flusso di pubblicazione.
  • Formattazione per WeChatI contenuti richiedono temi compatibili e, facoltativamente, riferimenti esterni raccolti.

Limiti da verificare

  • Ambito della conversioneLo Skill crea HTML; pubblicare l’articolo è un’azione separata.
  • Diagrammi dipendenti dal browserIl rendering PNG di Mermaid richiede Chrome, Chromium o Edge.
  • Conversione riuscita con ripiegoLa conversione può riuscire anche se un diagramma resta come markup di ripiego: esamina il risultato.

Cosa portare

  • Sorgente MarkdownFornisci l’articolo e le immagini locali a cui fa riferimento.
  • Scelte di presentazioneSeleziona un tema e, se necessario, personalizza colore, font o titolo.
  • Comportamento per la pubblicazioneSpecifica modalità di citazione, conservazione del titolo ed esigenze dei diagrammi.

03 Decisioni importanti

Le decisioni importanti

  1. Stili pronti per gli articoli

    Il CSS inline trasferisce il tema scelto nel documento esportato.

  2. Gestione esplicita dei link

    Le citazioni in fondo richiedono l’attivazione esplicita, con eccezioni documentate per WeChat e URL senza testo descrittivo.

  3. Output recuperabile

    L’HTML esistente riceve una copia di backup con timestamp prima della sostituzione.

04 Esempio di brief

Prova un brief mirato

Il brief di esempio qui sotto non è stato testato. Controlla la configurazione della skill prima di usarlo.

Esamina la fonte e la configurazione

Fornisci l’articolo e le immagini locali a cui fa riferimento.

File sorgente originale
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md

Il riferimento qui sotto apre le istruzioni originali. Esamina la configurazione del repository prima di usarle; non è un comando di installazione.

Inizia con un solo risultato da consegnare

Adatta ambito, materiale di partenza e vincoli di questo brief prima di eseguire la skill.

Brief di esempio
Usa baoyu-markdown-to-html per convertire l’articolo fornito con il tema simple e il nostro colore di accento. Conserva la prima intestazione e attiva le citazioni in fondo per i normali link esterni. Non modificare il sorgente Markdown. L’articolo contiene due diagrammi Mermaid: prova il rendering PNG e verifica se l’output contiene immagini utilizzabili o markup di ripiego. Riporta il percorso HTML, l’eventuale percorso del backup e i diagrammi generati. Non pubblicare l’articolo. Segnala formattazioni non supportate o immagini locali mancanti da sistemare prima di inserirlo nel flusso di pubblicazione.

Esamina il risultato

Confronta l'output effettivo con questi criteri osservabili.

  • L’HTML rispetta il tema richiesto e la gestione del titolo.
  • I diagrammi vengono esaminati, senza dedurne la correttezza dal solo completamento della conversione.
  • I percorsi di output e backup vengono riportati correttamente.

OpenDesign offre uno spazio di lavoro di design locale per agenti di programmazione. Questa scheda non significa che la skill sia inclusa nel pacchetto né che i suoi strumenti esterni, le credenziali e le dipendenze software siano compresi.

Scarica OpenDesignLeggi la guida rapida

05 Fonte e licenza

Fonte e licenza

Questa pagina descrive la revisione della fonte fissata e collegata qui sotto. Comportamento e requisiti upstream possono cambiare.

Proprietario della fonte
jimliu
Repository
jimliu/baoyu-skills
File della skill
SKILL.md
Licenza
MIT
Snapshot esaminato
2026-11-02 · 0a27d7d40e79

Note di lettura

  1. Ambito della licenzaIl testo LICENSE del repository è stato verificato per la revisione fissata; l’inventario completo dei nomi dei file nell’archivio non ha individuato un file LICENSE/COPYING/NOTICE più specifico sotto il percorso di questo Skill. La classificazione riguarda il codice sorgente originale esaminato, non gli output generati o le dipendenze di terze parti. Il README indica MIT per il repository GitHub salvo diversa indicazione, mentre le distribuzioni pubblicate su ClawHub usano MIT-0; questa voce classifica il codice GitHub della revisione fissata. Il codice del convertitore associato include in packages/baoyu-md/src/LICENSE un avviso WTFPL Version 2 per il codice adattato da doocs/md. Non indicare l’intero insieme di dipendenze come uniformemente coperto da MIT.
Sintesi editoriale della fonte
Converti Markdown in HTML impaginato per la pubblicazione di articoli.

Sintesi originale di OpenDesign, basata sulla fonte collegata. Le stelle del repository sono un indicatore di popolarità datato, non l'uso della skill né un punteggio di qualità.

06 Domande prima di iniziare

Domande prima di iniziare

I link esterni vengono sempre spostati in fondo?

No. La modalità di citazione è disattivata per impostazione predefinita e viene attivata solo su richiesta esplicita.

Cosa succede se il rendering di Mermaid fallisce?

Il convertitore può ripiegare sul markup Mermaid preformattato mentre la conversione complessiva riesce.

Sostituisce un file HTML esistente?

La fonte indica che prima crea una copia di backup con timestamp e ne riporta il percorso.

OpenDesign

Tieni insieme il brief e il lavoro di design.

Tieni brief, materiali di partenza e lavoro di design insieme in uno spazio di lavoro locale. Controlla la configurazione della skill prima di aggiungerla al tuo flusso di lavoro.

Scarica OpenDesignSfoglia le skill di design
File sorgente originale
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md