7 Tips ช่วย ‘Beautify’ GitHub Profile เพื่อเสริมลุค(และโหงวเฮ้ง)ให้สวยแบบ Professional แทร่ๆภายใน 10 นาที!

เชื่อว่าเพื่อนๆชาว LINE DEV ทุกคนน่าจะมี Account GitHub กันอยู่แล้วเนอะ แต่หลายๆคนน่าจะยังไม่เคย ‘Beautify’ หน้าโปรไฟล์เพื่อเสริมลุค(และโหงวเฮ้ง)ให้ดูหล่อ/สวยและ Professional กันแน่ๆเลยใช่ไหมครับ ก่อนหน้านี้ผมก็ไม่เคยทำครับ 55+ ซึ่งผมแอบไปส่องของพี่ตี๋ Jirawatee https://github.com/jirawatee มา แล้วต้องบอกว่า ‘สวยงาม ไฉไลและ Professional แทร่ๆ’ มากเลย 🤩 55+ ถ้าใครยังไม่ได้ทำเหมือนผม บทความนี้เรามี 7 Tips ช่วยจัด GitHub โปรไฟล์ให้สวยงามขึ้นแบบง่ายๆเสร็จภายใน 10 นาที!

Disclaimer:เนื้อหาหลักของบทความนี้ผมนำเรียบเรียงมาจาก:
7 Tips to Build Your GitHub Profile Like a PRO โดยคุณ Fernandez Baptiste

How to Make Your Awesome GitHub Profile โดยคุณ Jasper Gabriel

1. สร้าง Repo สำหรับ GitHub โปรไฟล์และเพิ่มไฟล์ README.md

ข้อนี้อาจะฟังดูกำปั้นทุบดิน แต่หลายๆคนอาจจะยังไม่ได้สร้าง หรือถ้ามีอาจจะไม่เคยเขียนอะไรใน README.mdวิธีก็คือไปที่

• Create a new repository แล้วก็ตั้งชื่อ Repository ให้เหมือนกันกับชื่อ Username ของเรา เช่นของผม tandevmode ก็ตั้งให้เหมือนกัน
• เลือกให้สามารถ Access ได้แบบ Public
• กด Add a README file แล้วก็กด Create

พอสร้างเสร็จแล้วให้เราไปที่ github.com/username ของเรามันจะมี README.md ที่เราสร้างแสดงขึ้นมาแล้วครับ

2. ใช้ Open source สำหรับตกแต่งโปรไฟล์ GitHub ในไฟล์ README.md

ปกติเราจะต้องเขียน Markdown หรือ HTML ในไฟล์ README.md เพื่อทำการตกแต่งโปรไฟล์ของเรา แต่มีวิธีที่แนะนำที่ง่ายขึ้นไปกว่านั้นอีก เพราะมี Tools Open source ในการช่วยตกแต่งด้วย! (Open source Repo for your Repo 55+)

ให้เราไปที่ Link นี้ที่ถูกพัฒนาโดยคุณ Rehal Jain อันนี้เจ๋งมากๆเพราะมันมีให้เราเลือกติ๊กว่า Technology หรือ Programming language ตัวไหนที่เราถนัด จะสามารถติดต่อเราได้จากช่องทางไหนบ้าง หลังจากนั้นแล้วกด Generate แล้วก็จะได้ Markdown ให้เอาไปใส่ใน README.md ของเราได้เลย!

สวยงามและ Professional! ต้องขอบคุณคุณ Rahul Jain มา ณ ที่นี้ด้วยครับ

3. “Beautify” GitHub Profile ด้วย Badge และ Icon ต่างๆ

จริงๆแค่นี้ก็สวยแล้ว แต่ยังสวยได้อีกครับ 55+ ผมเห็นนักพัฒนาหลายๆคนจะใช้เป็น Style ที่เป็น Badge แบบด้านล่างนี้ก็สวยดีครับๆ

เราสามารถไป Copy Markdown-badges ตรงนี้ได้ครับ มี Badgeให้เลือกมากมาย ตั้งแต่ภาษาโปรแกรมไปจนถึงแพลตฟอร์มสตรีมมิ่งอย่าง Netflix เลย หรือถ้าไม่มี Badge ที่ถูกใจสามารถไปเอา Icon เพิ่มเติมได้จากที่นี่ shields.io เลยครับ สำหรับ Icon ถ้าอยากจะ Customize ขึ้นมาเองเราสามารถไปที่ simpleicons ซึ่งมีไอคอน SVG มากกว่า 2,900 รายการ!

บางคนอาจจะชอบเป็น Card Stats (ค่าพลังต่างๆ) สามารถใช้ตัวนี้ github-readme-stats เพื่อปรับแต่งการ์ดสถิติด้วย Layout และธีมต่างๆได้ครับ

4. ยกระดับโปรไฟล์ขึ้นไปอีกขั้นด้วย Widgets

เราสามารถเพิ่ม Widgets ในการตกแต่งเพิ่มเติมได้อีก เช่น เพื่อแสดง Skills/Achievement ต่างๆได้โดย Widgets เหล่านี้สามารถใช้งานได้ฟรีครับแต่ต้องทำการลงทะเบียนกับระบบ Quine.sh ก่อน

ให้ไปตรงไปที่ Widgets บนโปรไฟล์ Quine และ Copy โค้ด Wiget ที่ไว้ใน README ได้เลย

5. ใช้ฟีเจอร์ปักหมุด Repositories ที่เราอยากขิง!

บนหน้าโปรไฟล์ของเราให้กดปุ่ม Customize your pins และเลือก Repo ที่จะขิงสูงสุด 6 Repos ที่เราต้องการปักหมุด

6. Contribute และ Level up!

หนึ่งในวิธีการที่จะทำให้คนเราเก่งขึ้นได้ในเรื่องอะไรก็ตามนั่นคือ ‘ความสม่ำเสมอ’ แน่นอนว่าการเขียนโค้ดในงานเป็นประจำก็อาจจะเพียงพอให้เราเก่งขึ้น แต่ข้อมูลจาก Stack overflow developer survey นักพัฒนาเก่งๆในโลก เค้าก็ยังมีการเขียนโค้ดเป็นงานอดิเรกด้วย เช่น Contribute ใน Opensource ต่างๆ เพิ่มเติมจากงานประจำ

ถ้าใครอยากจะเริ่มแต่ไม่รู้จะเริ่มยังไง ลองมาค้นหา Project ในเว็ปด้านล่างที่จะ Contribute ได้ครับ

• GitHub Explore
• UpForGrabs

หรือถ้าใครไม่รู้ว่าจะเริ่มต้น Contribute ยังไงมีบทความนี้ของคุณ Fernandez Baptiste อีกอันให้เริ่มต้นได้แบบง่ายๆครับ

7. Edit Bio กับหา Badge Achievements เพิ่มเติม

Final Touch แล้วครับ จริงๆตอนนี้โปรไฟล์ GitHub ของเราน่าจะดูเท่ห์ประมาณนึงแล้ว (อวยตัวเอง 55+) 🔥 สุดท้ายที่แนะนำให้ทำก็คือเติมคำอธิบายสั้นๆใน Bio ของเรา ให้กดปุ่ม Edit Profile (ด้านซ้ายใต้รูป)

และใน GitHub จะมีให้เราเก็บ Badge ที่เป็น Achievements ต่างๆที่แถบด้านข้างซ้าย ซึ่งเราสามารถล่าดาวเก็บ Achievements ต่างๆเหล่านี้เหมือนอารมณ์ทหารได้ติดดาวเพิ่มอะไรแบบนั้น 55+ ซึ่ง GitHub เค้าจะไม่บอกนะครับว่ามี Badge อะไรบ้าง หรือจะได้มายังไงเค้าก็ไม่บอก (ให้เหล่า Dev ไปไล่ล่าเอง) แต่มีนักพัฒนาชื่อคุณ Kai ทำเฉลยบางอันเอาไว้ให้ สามารถเข้าไปดูเพิ่มเติมได้ที่นี่ครับ

สรุป

แน่นอนว่าคุณภาพของโค้ดเราเป็นเรื่องที่สำคัญที่สุด แต่การทำให้โปรไฟล์ GitHub ดูสวยงามก็ช่วยให้โปรไฟล์ของเราโดดเด่นขึ้นมาได้อีก ยังต้นๆปีอยู่ด้วยเพื่อปีนี้ใครอยากเปลี่ยนงานอาจจะมีแมวมองมาส่องก็ได้นะครับผม 55+

ด้วยเครื่องมือและ Tips ต่างๆเหล่านี้ หวังว่านักพัฒนา LINE DEV จะถูกใจเอาไป Beautify GitHub Profile กันนะครับ 💅 และต้องบอกก่อนว่าโปรไฟล์ของผมยังห่างไกลจากคนที่เขียนโค้ดเก่งๆเยอะนะครับ ถ้าจะดูไปดูของพี่ตี๋ดีกว่าครับ โปรกว่ากันเยอะ 55+