+20

Cách biến GitHub Profile của bạn trông "thu hút" hơn!

Introduction

Mình tình cờ đọc được bài viết cách tạo Dynamic README.md File, trong bài viết đó có hướng dẫn cách tạo mục cập nhật thời tiết tự động vào file readme sau 6 tiếng.

Đây là account github của bài viết đó /huantt. Và đây là cái GitHub Profile mà mình muốn nói đến trong bài viết này.

Khoan bàn đến chuyện mục cập nhật thời tiết ở trên, có thể bạn đã biết hoặc chưa nhưng trong bài viết này mình muốn giới thiệu cách mình tạo GitHub Profile cho mình như nào.

Setup

Trước tiên muốn tạo profile, thì bạn cần tạo special README repository trước:

  1. Tạo mới một repo với tên repo là tên username account github của bạn
  2. Đảm bảo repo vừa tạo là public repo
  3. Chọn mục "Add a README file"
  4. Tạo repo

  1. Sau khi tạo repo bạn sẽ thấy cái thông báo rằng repo trên là special repository, tới đây bạn chọn "Share to Profile".

Thế là bạn đã tạo xong file README.md cho account GitHub rồi đó!

Customising Profile

Mỗi người thì sẽ có cách customise riêng, và cũng có rất nhiều Tools hỗ trợ việc custome GitHub Profile.

Tạo mục introduce

Ở phần này mình dùng các lệnh markdown đơn giản để thêm các thông tin social media của mình vào.

Thêm các Tools làm đẹp profile!

Để profile thêm sống động hơn thì mình sẽ thêm một số Tools. Ngoài tools thì mình có biết thêm khái niệm GitHub Actions từ cái bài blogs tạo biểu đồ xem thời tiết vào profile.

GitHub Actions là gì?

Dành cho bạn nào chưa biết, thì GitHub Actions là một dịch vụ tự động hóa được tích hợp sẵn trong GitHub. Nó cho phép bạn tự động hóa các tác vụ như chạy thử nghiệm, xây dựng ứng dụng, triển khai ứng dụng, v.v., mỗi khi bạn thực hiện một thay đổi đối với mã nguồn của mình.

Nếu bạn có hứng thú về cái GitHub Actions này thì có thể tìm hiểu cách cài đặt cũng như sử dụng từ cái "Today's Weather" mà mình có thêm trong danh sách ở dưới. Mình sẽ đính kèm link bài blog mà mình đọc về cái này bên dưới luôn nha. ^^

Một số Tools

Sau đây là một vài Tools thú vị mà mình nghĩ có thể thêm vào profile:

  • GitHub Readme Stats Bạn có thể tuỳ chỉnh thông tin hiển thị, ngoài những themes có sẵn bạn còn có thể tự custom màu lẫn font chữ và còn nhiều thứ khác nữa. Bên dưới là ví dụ mình sử dụng.

Emma GitHub stats

  • GitHub Readme Streak Stats việc custom rất rất đơn giản, chỉ cần chọn các options và tuỳ biến thì trang này sẽ trả luôn cái đoạn text của markdown cho mình copy và sử dụng.

GitHub Streak

  • snk Cái này mình thấy khá vui, kiểu biến cái biểu đồ commit của mình cho rắn chạy chạy.

snake gif

  • Today's Weather Cái này là cái đầu bài viết mình đã đề cập tới. Chi tiết thì bạn có thể đọc thêm blog ở đây

  • Article Listing Cái này được viết cùng tác giả với cái Today's Weather ở trên. Nhược điểm của thằng này là chỉ list được những blogs trên dev.to

Mình có tìm được một link tổng hợp nhiều tools hơn, các bạn có thể tham khảo thêm ở đây nha: Beautify GitHub Profile

Kết.

Cùng xem thành quả của mình tại đây nha => github.com/loanngo99

I am always looking for feedback on my writing, so please let me know what you think. ❤️

Medium blog: https://medium.com/@emma.ngo1110/making-a-simple-github-profile-13bd26a7f4d3


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí