+1

Github Profile của tôi thật là HPDE! Còn bạn? Github profile của bạn có HPDE không?

Moshi moshi, xin chào anh em! Lại là mình NekoArcoder đây!!!

a cartoon girl with blonde hair and a red bow on her head is holding a banana .

Công việc của anh em những ngày cuối năm như thế nào rồi? Chắc là vất vả lắm, mà không có gấu để đi chơi Noel này thì càng khổ hơn 🤣🤣😂

Thôi thì thời gian này, anh em cùng mình sửa sang lại Github profile lại một tí nhìn cho nó ngon nghẻ nhaa!!!

1. Pháp danh Loli Counter

Có tác dụng đếm số lượng người truy cập vào trang github của bạn!!!

Mời anh em chiêm ngưỡng

booru-yuyuyui
booru-yuyuyui
booru-jaypee
booru-jaypee
miku
miku
booru-vp
booru-vp

Và còn hằng hà sa số các em Loli khác đang đợi các Onichan nữa ở dưới đây nha!

https://count.getloli.com/

Đây là cách sử dụng:

Thay :name là username github của bạn, :theme là tên theme bạn muốn hiện

![:name](https://count.getloli.com/@:name?theme=:theme)

2. Github Widgetbox

Hiện lên những dữ liệu theo hệ thống widget, bạn có thể xem dưới đây

Hoặc như thế này:

GitHub WidgetBox

Bạn có thể xem chi tiết ở repo này nhé:

https://github.com/Jurredr/github-widgetbox

3. Flex ngôn ngữ

Anh em có thể để lên profile mình những stack mà anh em biết và đã làm qua ví dụ như:

javascript typescript python java kotlin nodejs express nestjs django spring html5 css3 react nextjs redux tailwind figma postgresql mysql mongodb sqlite redis linux bash git docker kubernetes nginx aws grafana elasticsearch rabbitmq

Trông khá là ngầu và đẹp đúng không?

Anh em chỉ cần truy cập vào trang web này và điền những thông tin anh em muốn hiện rồi copy file markdown là được:

https://rahuldkjain.github.io/github-profile-readme-generator/

Hoặc anh em có thể sử dụng những icon này cũng khá đẹp:

https://github.com/marwin1991/profile-technology-icons

4. GitHub Stats

Tiếp đến là anh em có thể flex những thông tin về hoạt động của mình trên github suốt thời gian qua giống như vầy:

GitHub Stats GitHub Stats GitHub Stats

Anh em cũng chỉ cần là lên đây là có thể tạo 1 cái dễ dàng cho riêng mình ha:

https://githubreadmestatsfast.vercel.app/

5. GitHub Profile Trophy

Anh em muốn cái profile của mình trở thành một nơi lưu thành tựu thì tuyệt đối không thể bỏ qua cái này:

image.png

image.png

Anh em có thể xem cách triển khai ở repo này nha:

https://github.com/ryo-ma/github-profile-trophy

6. Tạo một trò chơi rắn săn mồi từ Github contribution

Anh em có thể tạo ngay một trò chơi rắn săn mồi tự động cập nhật hàng ngày ngay trên github profile của anh em như thế này:

github contribution grid snake animation

Nhìn hấp dẫn đúng không, chi tiết thì anh em có thể xem qua ở đây:

https://github.com/marketplace/actions/generate-snake-game-from-github-contribution-grid

Cơ bản anh em chỉ cần tạo workflow (Nằm trong mục Action) như sau:

name: generate animation

on:
  # Chạy tự động mỗi 24 giờ
  schedule:
    - cron: "0 0 * * *"

  # Cho phép bấm Run workflow thủ công
  workflow_dispatch:

  # Chạy khi có push lên branch master
  push:
    branches:
      - master

jobs:
  generate:
    permissions:
      contents: write
    runs-on: ubuntu-latest
    timeout-minutes: 5

    steps:
      # Step 1: Generate snake SVG từ contribution graph
      - name: generate github-contribution-grid-snake.svg
        uses: Platane/snk/svg-only@v3
        with:
          github_user_name: ${{ github.repository_owner }}
          outputs: |
            dist/github-contribution-grid-snake.svg
            dist/github-contribution-grid-snake-dark.svg?palette=github-dark

      # Step 2: Push file SVG sang branch output
      - name: push github-contribution-grid-snake.svg to the output branch
        uses: crazy-max/ghaction-github-pages@v3.1.0
        with:
          target_branch: output
          build_dir: dist
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

Sau đó chạy workflow rồi thêm vào như này là được:

![GitHub Snake](https://raw.githubusercontent.com/<USERNAME>/<USERNAME>/output/github-contribution-grid-snake.svg)

7. Tạo nguyên một cái biểu đồ 3D chà bá lửa

svg svg

Nhìn ngầu thật sự, cái này cũng tương tự cái trên, anh em có thể mày mò ở đây:

https://github.com/yoshi389111/github-profile-3d-contrib

8. Bonus

Có trang web này lưu trữ những github profile khá hay ho, nếu anh em xem qua thấy thích cái này cũng có thể Pick một cái mang về xài thử nè:

https://zzetao.github.io/awesome-github-profile/

Tổng kết

Ố kề thế là hết rồi, hiện tại mình chỉ biết được nhiêu đây thôi.

Nếu anh em thấy hay thì hãy cho mình một upvote ngay nhá, và nếu bạn có đóng góp gì thì đừng ngần ngại thả một comment ngay dưới nhé, See yaa!


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í