ค่าตั้งล่วงหน้ารวดเร็ว
คลิกเดียวสำหรับ badge ที่พบบ่อยที่สุด: เวอร์ชัน npm, build passing, coverage, license MIT, TypeScript, PRs welcome, downloads และ Node.js แต่ละอันใช้ค่าเริ่มต้นที่เหมาะสมและโลโก้ shields.io ที่ตรงกัน
ตัวสร้าง Badge Markdown
สร้าง badge จาก shields.io สำหรับ npm, build, coverage, license, TypeScript และอื่นๆ คัดลอกด้วยคลิกเดียว
Quick presets
สรุป — ตัวสร้าง Badge Markdown ฟรีทำอะไรได้
เครื่องมือฟรีนี้คืออะไร
ตัวสร้าง badge Markdown ฟรี สร้าง Markdown สำหรับ badge shields.io สำหรับ README ของคุณ เลือกจากค่าตั้งล่วงหน้า (npm, build, coverage, license, TypeScript) หรือสร้าง badge กำหนดเองด้วย label ข้อความ สี สไตล์ โลโก้ และลิงก์
ความเป็นส่วนตัว: เครื่องมือนี้ทำงานบนเบราว์เซอร์ของคุณทั้งหมด ข้อความของคุณจะไม่ถูกอัปโหลด, บันทึก หรือแคช ปิดแท็บแล้วข้อมูลจะหายไป ตรวจสอบได้ใน DevTools → Network: ไม่มีคำขอใดถูกส่งออก
ทำไมถึงฟรี (และเราทำให้ฟรีได้อย่างไร)
ตารางการใช้งาน
ข้อมูลอ้างอิงด่วน
| อินพุต | เอาต์พุต | ขนาดทั่วไป | ความเร็ว | ต้องเข้าสู่ระบบ |
|---|---|---|---|---|
| Preset selection or custom form | Badge Markdown lines | Any README | Real-time | No |
คุณสมบัติของ ตัวสร้าง Badge Markdown
รายละเอียดทุกอย่างของเครื่องมือฟรีนี้ — ทุกฟีเจอร์สร้างมาเพื่อแก้ปัญหาจริง ทำงานบนเบราว์เซอร์ของคุณ และฟรีตลอดไป
ตัวสร้าง badge กำหนดเอง
ควบคุมได้ทุกอย่าง: label ข้อความ สี สไตล์ (flat, flat-square, plastic, for-the-badge, social) โลโก้ (ชื่อ Simple Icons ใดก็ได้) สีโลโก้ และ URL ลิงก์ ฟอร์มกำหนดเองสร้าง badge shields.io ที่มีการเข้ารหัส URL ที่ถูกต้อง
ตัวอย่างแบบเรียลไทม์
ดูแต่ละ badge แสดงผลเป็นรูปภาพในพื้นที่ตัวอย่าง รูปภาพโหลดจาก shields.io จึงเห็นสิ่งที่จะปรากฏใน README พอดี
ผลลัพธ์หลาย badge
เพิ่ม badge ได้ตามต้องการ ผลลัพธ์เป็น badge ละบรรทัด วางบล็อกที่ด้านบน README ลบ badge แต่ละอันด้วยคลิกเดียว
สำหรับสร้างส่วนที่เหลือของ README ใช้ ตัวสร้าง README
วิธีใช้ ตัวสร้าง Badge Markdown ฟรี
ขั้นที่ 1 — เพิ่ม badge
คลิกค่าตั้งล่วงหน้าสำหรับ badge ทั่วไป หรือสร้างกำหนดเองด้วยฟอร์ม
ขั้นที่ 2 — ดูตัวอย่าง
ตรวจสอบตัวอย่างแบบเรียลไทม์เพื่อดูว่า badge แต่ละอันจะแสดงผลอย่างไร
ขั้นที่ 3 — คัดลอกสำหรับ README
คัดลอกบรรทัด Markdown และวางที่ด้านบน README
ใครใช้เครื่องมือนี้ได้บ้าง
Open-source maintainers
Add professional-looking badges to your README in seconds.
Package authors
Show npm version, build status, and coverage at a glance.
Developers writing READMEs
Skip the shields.io URL builder and get badge Markdown instantly.
Team leads
Standardize badge sets across all team repositories.
Technical writers
Embed status badges in documentation for quick project health checks.
คำถามที่พบบ่อย
ตัวสร้าง badge นี้ฟรีหรือไม่?
ใช่ ฟรีตลอดไป ไม่ต้องมีบัญชี
ใช้บริการ badge อะไร?
Shields.io badge แสดงผลใน GitHub, GitLab, Bitbucket, npm และทุกที่ที่ Markdown รองรับรูปภาพ
ปรับแต่งสีและสไตล์ได้หรือไม่?
ได้ ฟอร์มกำหนดเองรองรับ label ข้อความ สี 5 สไตล์ โลโก้ สีโลโก้ และลิงก์
มีค่าตั้งล่วงหน้าอะไรบ้าง?
เวอร์ชัน npm, build passing, coverage, license MIT, TypeScript, PRs welcome, downloads และ Node.js
ข้อมูลถูกอัปโหลดหรือไม่?
ไม่ Markdown ของ badge สร้างฝั่งไคลเอนต์ รูปภาพตัวอย่างโหลดจาก shields.io