106.9K+İndir
Kullanım kılavuzuna geç
Baoyu Markdown to HTMLyazan jimliu

Baoyu Markdown to HTML Skill.

Makale yayımlamak için Markdown'ı stillendirilmiş HTML'e dönüştürün.

  • Markdown
  • Makale Biçimlendirme
OpenDesign İndirKullanım Kılavuzunu Görüntüle
Kaynak İncelemesi · baoyu-markdown-to-htmlSKILL.md
Görev Makale yayımlamak için Markdown'ı stillendirilmiş HTML'e dönüştürün. Çıktılar Tema uygulanmış, satır içi CSS kullanan bir HTML dosyası. Başlamadan Önce Skill HTML oluşturur; makaleyi yayımlamak ayrı bir işlemdir.
Editoryal özet · kaynak inceleme tarihi: 2026-11-02 · üretilmiş bir örnek değildir

01 İşlevler

Makale yayımlamak için Markdown'ı stillendirilmiş HTML'e dönüştürün

Markdown'ı WeChat makale akışları için kod, diyagram ve isteğe bağlı dış bağlantı kaynakçaları içeren, satır içi CSS'li temalı HTML'e dönüştürün.

Kaynağa dayalı iş akışıÇalıştırma kıyaslaması değildir

Çalışma Yaklaşımı

Baoyu Markdown to HTML, bir makaleyi WeChat Resmî Hesap iş akışları için optimize edilmiş, satır içi CSS kullanan stillendirilmiş HTML'e dönüştürür. Tema ve tipografi seçeneklerinin yanı sıra kod vurgulama, dipnotlar, uyarılar ve diyagram içeriğini destekler. Dönüştürülen HTML, Markdown kaynağının yanına kaydedilir; mevcut bir HTML çıktısı varsa zaman damgalı yedeği oluşturulur.

Skill, tamamlanan makaleyi etkileyen yayımlama ayrıntılarını da ele alır. keep-title etkinleştirilmedikçe ilk başlık varsayılan olarak kaldırılır; dış bağlantılar yalnızca açıkça istendiğinde makale sonundaki kaynaklara dönüştürülür. Mermaid diyagramları tarayıcı aracılığıyla önbelleğe alınmış PNG görsellerine dönüştürülür; render mümkün değilse metin gösterimine dönülür.

Beklenen Çıktılar

  • Tema uygulanmış, satır içi CSS kullanan bir HTML dosyası.
  • Render başarılı olduğunda Mermaid PNG görselleri de dahil olmak üzere üretilen veya başvurulan görsel bilgileri.
  • HTML yolunu ve varsa yedek yolunu içeren yapılandırılmış bir sonuç.
Örnek Brief'i Gör

Brifden İncelemeye

  1. 01
    Makalenin sunumunu belirleyin

    Açıkça belirtilen tema seçimlerini ve EXTEND.md tercihlerini okuyun. Girdi CJK metni içeriyorsa ve baoyu-format-markdown kullanılabiliyorsa dönüşümden önce bu ayrı biçimlendirme adımını önerin.

  2. 02
    Kaynakça ve başlık davranışını seçin

    İstenmedikçe dış bağlantıları kaynakçaya dönüştürmeyi kapalı tutun. Baştaki başlığın makale gövdesinde kalıp kalmayacağına karar verin.

  3. 03
    İçeriği ve diyagramları dönüştürün

    Birlikte gelen main.ts dönüştürücüsünü, seçilen sunum seçenekleriyle Bun veya belgelenen npx alternatifi üzerinden çalıştırın. Kullanılabildiğinde Mermaid, tarayıcı tabanlı PNG render ve önbellek kullanır.

  4. 04
    Yayımlanacak çıktıyı inceleyin

    HTML'i açın, diyagramları kontrol edin ve sonuç yollarını bildirin. Başarıyla üretilmiş görselleri, alternatif olarak gösterilen Mermaid işaretlemesinden ayırın.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Skill HTML oluşturur; makaleyi yayımlamak ayrı bir işlemdir.

İyi Bir Uyum

  • Biçimlendirilmiş makale çıktılarıBir Markdown makalesinin yayımlama iş akışı için satır içi CSS kullanan HTML'e dönüştürülmesi gerekir.
  • WeChat biçimlendirmesiİçerik, uyumlu temalara ve isteğe bağlı olarak bir araya getirilmiş dış kaynak bağlantılarına ihtiyaç duyar.

Kontrol Edilecek Sınırlar

  • Dönüşüm kapsamıSkill HTML oluşturur; makaleyi yayımlamak ayrı bir işlemdir.
  • Tarayıcıya bağlı diyagramlarMermaid diyagramlarını PNG olarak render etmek Chrome, Chromium veya Edge gerektirir.
  • Alternatif gösterimle başarılı dönüşümDiyagram alternatif işaretleme olarak kalsa bile dönüşüm başarılı olabilir; bu nedenle sonucu inceleyin.

Bu Girdileri Getirin

  • Markdown kaynağıMakaleyi ve başvurduğu yerel görselleri sağlayın.
  • Sunum tercihleriBir tema seçin; gerekirse renk, yazı tipi veya başlığı farklı bir değerle değiştirin.
  • Yayımlama davranışıKaynakça modunu, başlığın korunmasını ve diyagram ihtiyaçlarını belirtin.

03 Önemli Kararlar

Sonucu Etkileyen Kararlar

  1. Makaleye hazır stiller

    Satır içi CSS, seçilen temayı dışa aktarılan belgeye taşır.

  2. Bağlantıların açıkça yönetilmesi

    Makale sonundaki kaynakça isteğe bağlı olarak etkinleştirilir; WeChat ve çıplak URL'ler için belgelenmiş istisnalar vardır.

  3. Geri alınabilir çıktı

    Mevcut HTML değiştirilmeden önce zaman damgalı yedeği oluşturulur.

04 Örnek Görev Tanımı

Odaklı Bir İş Tanımı Deneyin

Aşağıdaki örnek brif test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kaynağı ve Kurulumu İnceleyin

Makaleyi ve başvurduğu yerel görselleri sağlayın.

Üst Kaynak Dosyası
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md

Aşağıdaki referans özgün yönergeleri açar. Kullanmadan önce deponun kurulum gereksinimlerini inceleyin; bu bir kurulum komutu değildir.

Tek Bir Teslim Çıktısıyla Başlayın

Skill'i çalıştırmadan önce bu brifteki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brif
Verilen makaleyi simple teması ve seçtiğimiz vurgu rengiyle dönüştürmek için baoyu-markdown-to-html kullan. İlk başlığı koru ve sıradan dış bağlantılar için makale sonundaki kaynakçayı etkinleştir. Markdown kaynağını değiştirme. Makale iki Mermaid diyagramı içeriyor; PNG render işlemini dene ve çıktının kullanılabilir görseller mi yoksa alternatif işaretleme mi içerdiğini incele. HTML yolunu, varsa yedek yolunu ve üretilen diyagram görsellerini raporla. Makaleyi yayımlama. Yayımlama iş akışına geçmeden önce ilgilenilmesi gereken desteklenmeyen biçimlendirmeleri veya eksik yerel görselleri belirt.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

  • HTML, istenen temayı ve başlık davranışını yansıtır.
  • Diyagramlar gerçekten incelenir; yalnızca dönüşümün başarıyla tamamlanmasına bakılarak doğru oldukları varsayılmaz.
  • Çıktı ve yedek yolları doğru raporlanır.

OpenDesign, kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in paketle birlikte geldiği veya harici araçlarının, kimlik bilgilerinin ve yazılım bağımlılıklarının dahil olduğu anlamına gelmez.

OpenDesign İndirHızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak revizyonunu açıklar. Upstream davranışı ve gereksinimleri değişebilir.

Kaynak Sahibi
jimliu
Depo
jimliu/baoyu-skills
Skill Dosyası
SKILL.md
Lisans
MIT
İncelenen Sürüm
2026-11-02 · 0a27d7d40e79

Okuma Notları

  1. Lisans KapsamıSabitlenmiş depo revizyonundaki LICENSE metni doğrulanmıştır; arşivin tam dosya adı dökümünde bu skill yolunun altında daha özel bir LICENSE/COPYING/NOTICE dosyası bulunmamıştır. Sınıflandırma, üretilen çıktıları veya üçüncü taraf bağımlılıklarını değil, incelenen özgün kaynağı kapsar. README, aksi belirtilmedikçe GitHub deposunun MIT kullandığını belirtirken yayımlanan ClawHub dağıtımları MIT-0 kullanır; bu kayıt sabitlenmiş GitHub kaynağını sınıflandırır. İlgili dönüştürücü kodunun packages/baoyu-md/src/LICENSE dosyasında, doocs/md'den uyarlanan kod için WTFPL Version 2 bildirimi vardır. Bağımlılıkların tamamını tek tip MIT lisanslı olarak etiketlemeyin.
Editoryal Kaynak Özeti
Makale yayımlamak için Markdown'ı stillendirilmiş HTML'e dönüştürün.

Bağlantılı kaynağa dayanan, OpenDesign tarafından hazırlanmış özgün özet. Depo yıldızları tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Sorular

Dış bağlantılar her zaman makalenin sonuna mı taşınır?

Hayır. Kaynakça modu varsayılan olarak kapalıdır ve yalnızca açıkça istendiğinde etkinleştirilir.

Mermaid render işlemi başarısız olursa ne olur?

Dönüştürücü, genel dönüşüm başarılı kalırken önceden biçimlendirilmiş Mermaid işaretlemesini alternatif olarak gösterebilir.

Mevcut bir HTML dosyasını değiştirir mi?

Kaynak, önce zaman damgalı bir yedek oluşturduğunu ve yolunu raporladığını belirtir.

OpenDesign

İş Tanımınızı ve Tasarım Çalışmanızı Bir Arada Tutun.

Brifinizi, kaynak materyalinizi ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndirTasarım Skill'lerine Göz At
Üst Kaynak Dosyası
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md