GIPHY GIF Maker – ใส่ภาพเคลื่อนให้กับ Readme

GIPHY GIF README

Readme เราเขียนเพื่ออธิบายรายละเอียดของงาน นอกจากรูปภาพที่เรามักจะใส่ไว้ การใส่รูปเคลื่อนไหว ด้วย GIPHY GIF Maker แบบง่ายๆ ก็ช่วยให้เข้าใจง่ายขึ้น ตัวอย่างวันนี้จะมาลองใส่รูปของ iTerm2 หลังจากลง Powerlevel9k theme จาก post “Powerlevel9K + Nerd Fonts + iTerm2 – ตกแต่ง terminal ด้วย theme ใหม่”

  1. Download and install แอพพลิเคชั่น (สำหรับ Mac) GIPHY จากลิ้งค์นี้ https://itunes.apple.com/us/app/giphy-capture-the-gif-maker/id668208984?mt=12
GIPHY Capture

2. หลังจากติดตั้งเสร็จแล้วก็ลองเปิดแอพขึ้นมา จะมีหน้าจอเขียวขึ้นมาเพื่อบอกเราว่าจะ captuure หน้าจอตรงไหนบ้าง แล้วกดปุ่ม record สีแดงๆตรงกลาง

GIPHY will record the clip for Green Screen area

3. ถ้าเราอัด clip เสร็จ สามารถตัดต่อ clip และความคมชัดในการแสดงผลได้ด้วย ถ้ายิ่งชัดเช่น HD ขนาดไฟล์ก็จะใหญ่ตามไปด้วย

Trim the clip to be shorter and calculate the file size

4. Save file and upload ไปที่ GIT repository

Upload file to your git

5. แก้ไข README.md โดยเพิ่มส่วนของการแสดงรุปโดยระบุ ![](YOUR GIF FILE NAME)

Sample README.md

You got it !

README on Github

Leave a Reply

Discover more from Hatoriz

Subscribe now to keep reading and get access to the full archive.

Continue reading