
โปรแกรมเมอร์ GitHub มักจะเพิ่มภาพหน้าจอหรือ GIF แบบเคลื่อนไหวไปยังคำขอดึงที่เก็บ เทคนิคเหล่านี้สะดุดตากว่าการทำให้คนอื่นอ่านข้อความธรรมดาหลายบรรทัดอย่างแน่นอน การเพิ่มภาพนิ่งจะมีประโยชน์หากคุณต้องการแทรกการเปลี่ยนแปลงภาพหรือภาพถ่ายในบรรทัด แอนิเมชั่น GIF เป็นวิธีที่ดีในการสาธิตโฟลว์กระบวนการและการเคลื่อนไหวของเคอร์เซอร์ของเมาส์
บทช่วยสอนต่อไปนี้จะแสดงให้คุณเห็นตั้งแต่ต้นถึงวิธีการเพิ่มภาพหน้าจอและภาพเคลื่อนไหว GIF ในคำขอดึง GitHub แม้ว่าคุณจะไม่เคยใช้ GitHub มาก่อน คุณสามารถใช้ขั้นตอนเหล่านี้เพื่อเริ่มต้นได้
1. เพิ่มที่เก็บใหม่และสาขา
หากคุณยังใหม่ต่อโลกของ GitHub ให้ทำตามขั้นตอนที่นี่เพื่อสร้างบัญชีของคุณ
คลิกเครื่องหมาย “+” ที่ด้านบนขวาเพื่อสร้างที่เก็บใหม่ อย่าลืมตรวจสอบตัวเลือก "เริ่มต้นพื้นที่เก็บข้อมูลนี้ด้วย README"

ในขั้นตอนต่อไป เพิ่มสาขาไปยังที่เก็บของคุณโดยใช้เมนูแบบเลื่อนลงที่แสดงด้านล่าง เพิ่มสาขา "Guten-tag" ลงในที่เก็บ "Hola-World" แล้ว

วัตถุประสงค์ของสาขาใน GitHub คือการช่วยให้นักพัฒนาทำงานเกี่ยวกับคุณลักษณะและการแก้ไขข้อบกพร่องแยกจากสาขาการผลิตหลัก

2. สร้างภาพหน้าจอหรือแอนิเมชั่น
ในการเพิ่มภาพหน้าจอ คุณต้องมีซอฟต์แวร์จับภาพหน้าจอที่ดี ใน Windows 10 เครื่องมือที่ดีที่สุดและง่ายที่สุดคือ Snip &Sketch และ Snipping tool
ในการเพิ่มภาพเคลื่อนไหว GIF คุณต้องมีเครื่องมือจับภาพหน้าจอวิดีโอที่ดี เครื่องมือที่แนะนำคือ Recordit ซึ่งใช้งานง่ายมากสำหรับการฉายหน้าจออย่างรวดเร็ว มีให้ดาวน์โหลดโดยตรงสำหรับทั้ง Windows และ macOS
หลังการติดตั้ง คุณสามารถบันทึกหน้าจอใดๆ ไม่กี่วินาทีโดยใช้ปุ่มบันทึก screencasts ล่าสุดทั้งหมดของคุณจะมองเห็นได้จากเมนูถาดระบบและเปิดในเบราว์เซอร์

เนื่องจากคำขอดึง GitHub ไม่อนุญาตให้ใช้ไฟล์วิดีโอ (MP4 เป็นต้น) คุณจะต้องแปลงเป็นไฟล์ GIF อันที่จริง มันรองรับไฟล์แบบกำหนดเองในจำนวนที่จำกัดมาก:JPG, JPEG, GIF, PNG, DOCX, PPTX, PDF, TXT, XLSX และ ZIP คุณสามารถแปลงไฟล์ MP4 เป็น GIF ได้อย่างง่ายดายโดยใช้ Ezgif หรือเครื่องมือออนไลน์อื่นๆ
ไฟล์ GIF ที่สร้างต่อไปนี้จะถูกแทรกในคำขอดึง GitHub มันแสดงให้เห็นลำดับง่ายๆ ของการเพิ่มสาขาใหม่ไปยังที่เก็บ GitHub โดยใช้แอป GitHub Desktop

3. เพิ่มภาพหน้าจอหรือแอนิเมชั่นไปยังคำขอดึง GitHub
กลับไปที่สาขาที่คุณสร้างไว้ก่อนหน้านี้และไปที่ "ดึงคำขอ" ที่นี่ คุณสามารถแก้ไขข้อมูลคำขอดึงจากเมนูสามจุด
เมื่ออยู่ในโหมดแก้ไข คุณสามารถแนบภาพหน้าจอและไฟล์ภาพเคลื่อนไหว GIF ได้จากตัวเลือก "แนบไฟล์" หากคุณกำลังคอมมิตเป็นครั้งแรกในที่เก็บสาขา GitHub ให้คลิก "ตกลง" มิฉะนั้น ทางเลือกคือ "อัปเดตความคิดเห็น"

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

GitHub เป็นเรื่องเกี่ยวกับการทำงานร่วมกันกับนักพัฒนารายอื่น หากพวกเขาชอบการเปลี่ยนแปลงที่คุณเสนอ พวกเขาอาจรวมอัปสตรีมไว้ในที่เก็บของตนเอง ทำได้โดยใช้ตัวเลือก "คำขอดึงรวม"

แอนิเมชั่นเป็นวิธีที่ดีในการดึงดูดความสนใจของนักพัฒนาคนอื่นๆ ในชุมชน GitHub เมื่อจบบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีเพิ่มภาพหน้าจอและภาพเคลื่อนไหว GIF ไปยังที่เก็บ GitHub และสาขาต่างๆ หากคุณไม่ได้อยู่ใน GitHub คุณสามารถดูรายการทางเลือก GitHub แทนได้