เครื่องมือสร้าง Twitter Card

เกี่ยวกับเครื่องมือนี้

ดูสิ ฉันได้สร้างสิ่งต่างๆมาเป็นเวลาหลายปีแล้ว และจริงๆแล้ว เครื่องมือส่วนใหญ่ที่มีอยู่ในตอนนี้ทำให้ทุกอย่างซับซ้อนเกินความจำเป็น ที่นี่ล่ะ? ไม่มีอะไรแสนจะหรูหรา แต่มีประโยชน์จริงๆ Twitter Card Generator คือสิ่งที่ฟังดูเหมือนกับที่เป็น—วิธีที่ไม่มีเรื่องเพ้อฝันในการสร้างการ์ดพรีวิวเล็กๆ ๆ ที่คุณเห็นเมื่อใครบางคนโพสต์ลิงก์บน Twitter คุณรู้นะ การ์ดเหล่านั้นที่มีรูปภาพ ชื่อเรื่อง และคำอธิบายสั้นๆ? ใช่แล้ว ก็คือเหล่านั้น แทนที่จะต้องยุ่งกับ meta tag หรือเดาว่ารูปภาพของคุณจะแสดงขึ้นจริงๆหรือไม่ เครื่องมือนี้จะสร้างโค้ดที่คุณต้องการให้คุณในไม่กี่วินาที ฉันสร้างเครื่องมือนี้ขึ้นมาเพราะฉันเหนื่อยกับการตรวจสอบ validator ของ Twitter ทุกๆห้านาที ตอนนี้ฉันแค่กรอกข้อมูลของฉัน เอา HTML ออกมา แล้วก็ไปต่อกับชีวิตต่อไป ไม่มีเรื่องอะไรมากมาย

คุณสมบัติหลัก

• ฟอร์มกรอกข้อมูลแบบง่ายๆ—ไม่ต้องมีความรู้ด้านการเขียนโค้ด
• พรีวิวแบบเรียลไทม์ เพื่อให้คุณเห็นว่าการ์ดของคุณจะดูเป็นอย่างไรก่อนที่คุณจะเผยแพร่
• สร้าง meta tag ที่ถูกต้องให้กับ Twitter โดยอัตโนมัติ (และยังใช้งานได้กับแพลตฟอร์มอื่นๆส่วนใหญ่ด้วย)
• รองรับทุกประเภทของการ์ด: summary, summary พร้อมรูปภาพขนาดใหญ่, app, และ player cards
• ส่งออก HTML ที่พร้อมใช้งานแบบคัดลอก-วาง—แค่วางลงในส่วน head ของเว็บไซต์ของคุณ
• ฟรี ไม่ต้องสมัคร ไม่มีการติดตาม ไม่มีเรื่องอะไรมากมาย

คำถามที่พบบ่อย

ฉันต้องโฮสต์รูปภาพไว้ที่ไหนสักที่เฉพาะเจาะจงหรือไม่?
ไม่ต้อง ตราบใดที่ URL ของรูปภาพเป็นสาธารณะและเข้าถึงได้ (เช่น บนเว็บไซต์ของคุณหรือ Imgur) Twitter ก็จะดึงมาใช้ แต่ให้แน่ใจว่ามีขนาดที่เหมาะสม—1200x630 พิกเซลใช้งานได้ดีที่สุด

จะใช้งานได้หรือไม่ถ้าฉันใช้ static site generator เช่น Jekyll หรือ Hugo?
แน่นอน โค้ดที่สร้างออกมาคือ meta tag HTML ธรรมดา คุณสามารถวางลงในส่วน head ของเทมเพลตหรือ front matter โดยตรง ขึ้นอยู่กับการตั้งค่าของคุณ ฉันใช้กับ Hugo ด้วยตัวเอง