การสร้าง Readme.md

Post id: 45
Date: 14/11/2022

ตัวอย่างต้นฉบับ

เข้าเรื่องเลยนะครับ คือผมสร้างบทความนี้ขึ้นมาเพื่อบันทึกเอาไว้ดูในภายหลัง เพราะมีเนื้อหาที่น่าสนใจและมีรายละเอียดบางอย่างที่ต้องอธิบายเพิ่มเติมอยู่

การสร้างไฟล์ README.md

ไฟล์ README.md ที่ผมจะกล่าวถึงนี้ จะถูกนำไปใช้งานบนเว็บ GitHub เป็นหลักนะครับ ซึ่งมันต้องเขียนด้วยภาษาที่เรียกว่า MarkDown แต่ผมจะไม่ลงรายละเอียดในส่วนของภาษานะ

วิธีการสร้างที่ง่ายที่สุด และสวยงามด้วย ก็คือเข้าไปแก้ไขจาก template ในเว็บนี้เลยครับ

Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

ตัวอย่าง template

การแทรกวีดีโอเข้าไปในไฟล์ README.md

หัวข้อนี้แหละครับที่ผมอยากจะบันทึกเอาไว้

โดยปกติแล้วเราจะไม่สามารถแทรกวีดีโอเข้าไปในไฟล์ Readme.md ได้โดยตรง แต่…

เราสามารถแป๊ะรูปพร้อมกับลิงค์ไปที่วีดีโอบน youtube ได้

วิธีการก็คือ…

ใส่โค้ดตามนี้ (แต่อย่าลืมแก้ตรง YOUTUBE_VIDEO_ID_HERE ด้วยละ)

[![IMAGE ALT TEXT](http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VIDEO_ID_HERE "Video Title")

ตัวอย่างเช่น

[![Everything Is AWESOME](https://img.youtube.com/vi/StTqXEQ2l-Y/0.jpg)](https://www.youtube.com/watch?v=StTqXEQ2l-Y "Everything Is AWESOME")

แล้ว YOUTUBE_VIDEO_ID_HERE หาได้จากที่ไหน?

ตัวอย่างเช่น ถ้า url ของวีดีโอคือ

https://www.youtube.com/watch?v=vbvsNRejUeI

YOUTUBE_VIDEO_ID ก็คือ…

vbvsNRejUeI

หรือก็คือ ส่วนที่อยู่ด้านหลัง watch?v= นั่นเอง

ส่วน url ของรูปภาพจากวีดีโอนั้น ก็หาได้ตามนี้….

https://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
https://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg

ก็ประมาณนี้นะ