Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

Baoyu: Markdown sang HTML

Chuyển tệp Markdown thành HTML có CSS nội tuyến, sẵn sàng dán vào WeChat và các nền tảng khác.

Nội dung · Viết láchTrung cấp★ 26,102⑂ 2,884Điểm AI 9/10Cập nhật lần cuối: 10 thg 9, 2026

Làm được gì

  • Chuyển Markdown thành HTML với CSS nội tuyến, không bị mất định dạng khi dán vào trình soạn thảo WeChat Official Account.
  • Hỗ trợ 4 theme (default, grace, simple, modern), 13 màu chủ đạo có sẵn, tuỳ chọn font và cỡ chữ.
  • Xử lý highlight code, công thức toán, chú thích cuối trang, khối cảnh báo kiểu GitHub (> [!NOTE]), bảng, ruby text và PlantUML.
  • Khối mermaid được render thành ảnh PNG bằng Chrome headless và có cache lại; nếu không có Chrome thì tự động dùng bản dự phòng.
  • Tuỳ chọn --cite biến liên kết ngoài thành số mũ trong bài và danh sách 引用链接 ở cuối bài (giải pháp cho giới hạn link ngoài của WeChat).
  • Kết quả lưu cùng thư mục tệp gốc; nếu HTML đã tồn tại sẽ tự sao lưu kèm dấu thời gian.

Phù hợp với ai

  • Người làm nội dung xuất bản bài viết Markdown lên WeChat, blog hoặc newsletter
  • Lập trình viên, technical writer cần phát hành tài liệu kỹ thuật kèm sơ đồ và code đẹp
  • Người vận hành cần chuyển đổi định kỳ theo một bộ style thống nhất

Ví dụ sử dụng

  1. "Chuyển article.md sang HTML với theme grace" → nhận HTML kiểu thẻ bo góc tinh tế
  2. "Dùng theme modern màu đỏ và đưa link ngoài xuống cuối bài" → chạy --theme modern --color red --cite
  3. Tài liệu kỹ thuật có sơ đồ Mermaid → sơ đồ được xuất thành PNG nên hiển thị đúng trên WeChat

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/JimLiu/baoyu-skills/HEAD/skills/baoyu-markdown-to-html/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục skills/baoyu-markdown-to-html từ repo GitHub JimLiu/baoyu-skills vào ~/.claude/skills/baoyu-markdown-to-html/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/JimLiu/baoyu-skills.git /tmp/baoyu-skills && mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-markdown-to-html ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal và kiểm tra bun --version. Nếu chưa có bun, chỉ cần có npx (đi kèm Node.js) là đủ. Muốn render Mermaid ra ảnh thì máy cần có Chrome/Chromium/Edge.
  2. Clone kho lệnh: git clone https://github.com/JimLiu/baoyu-skills.git /tmp/baoyu-skills
  3. Sao chép thư mục skill: mkdir -p ~/.claude/skills && cp -r /tmp/baoyu-skills/skills/baoyu-markdown-to-html ~/.claude/skills/
  4. Khởi động lại Claude Code.
  5. Yêu cầu ví dụ: "chuyển article.md sang HTML" — skill sẽ tự được gọi.
  6. (Tuỳ chọn) Tạo ~/.baoyu-skills/baoyu-markdown-to-html/EXTEND.md với dòng default_theme: grace để khỏi phải chọn theme mỗi lần.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT