เพิ่มสีสันให้ Medium ด้วยการ embed

หลายๆ คนที่ย้ายมาเขียนบล็อกผ่าน Medium เมื่อถึงจุดหนึ่งจะเริ่มอึดอัดเพราะลูกเล่นมีน้อย ทำให้แทรกสิ่งที่น่าสนใจไปบทความไม่ได้ โดยเฉพาะบล็อกเกอร์สายโค้ด เนื่องจากหาปุ่มแทรกโค้ดไม่เจอ

จริงๆ มันแทรกได้นะ ท่ายากนิดนึงคือต้องกด shortcut alt+ctrl+6 หรือเขียนแบบ markdown คือครอบด้วยเครื่องหมาย ``` แต่นั้นไม่ใช่ประเด็น วันนี้เราจะมาดูเรื่องการ embed ฉะนั้นใครที่ยังสนใจเรื่อง shotcut ให้ตามดูรายละเอียดทั้งหมดที่นี่

embed.ly

embed.ly คือผู้ที่เป็นตัวกลางในการ embed ข้อมูลจาก 3rd party ต่างๆ ซึ่ง Medium ก็ใช้งานมันอยู่ ฉะนั้น Medium จะรองรับการ embed อะไรบ้างนั้นก็ตามไปดูที่เว็บของ embed.ly ได้เลย ซึ่งมีมากถึง 400 บริการให้เลือกใช้

ทุกบริการมีวิธี embed เหมือนกันคือเอา URL มาวาง จากนั้นเคาะ Enter 1 ที ไม่ต้องก็อปโค้ด html มาแปะนะ มันไม่รองรับ

พวกแปะ facebook, twitter, instagram, youtube คงไม่ต้องแนะนำ ทุกคนรู้จักกันดีแล้วว่าทำได้ มาดูของเจ๋งอื่นๆ กันดีกว่า

GitHub Gist

ทางเลือกที่ดีที่สุดที่ควรใช้แปะโค้ด มี syntax highlight มี line count อีกทั้งยังสามารถตามไปคอมเมนต์ได้อีก

ตัวอย่าง GitHub Gist

JSFiddle, Codepen

นอกจากจะแปะโค้ดเฉยๆ การรันโค้ดให้ดูเลยก็เป็นไอเดียที่ไม่เลวนัก โชคดีคือเรามีตัวเลือกเยอะมากๆ เช่น JSFiddle และ Codepen หรือแม้แต่ JSBin, codesandbox ก็มีเช่นกัน เลือกเอาตามถนัด

ตัวอย่างจาก JSFiddle

ตัวอย่างจาก CodeSandbox

มาสาย Animation? เอา sketchfab ไปใช้

เอา 3D Model มาแปะให้ดูกันสดๆ ได้ทันที

ตัวอย่างจาก sketchfab

Airtable

airtable เป็นบริการด้านการแสดงผลข้อมูลแบบตาราง ประยุกต์ใช้งานได้หลากหลายมากๆ เช่น เอา database มาแสดง

SoundCloud

ทำงานในวงการเพลง? แนบคลิปเสียงก็ได้นะ

ทำ Presentation

Prezi, Apple Keynote ก็แปะได้

Presentation จาก Prezi

แผนที่ Google Maps

จะเป็นแผนที่เฉยๆ

หรือจะเป็น Streetview ก็ได้

กราฟและ Infographic ต่างๆ

ผ่านบริการของ datawrapper.de หรือ infogr.am

ตัวอย่างจาก infogr.am

เป็นอย่างไรบ้างครับ หายอึดอัดเวลาเขียนบล็อกบน Medium หรือยัง ถ้าใครเจอบริการไหนเจ๋งๆ ก็แนะนำเข้ามาเพิ่มได้นะครับ