github readme tech stack
v2.1.1
Cara termudah untuk memulai adalah dengan mengunjungi situs web kami, di mana Anda dapat menyesuaikan dan mempratinjau kartu Anda secara langsung.
https://github-readme-tech-stack.vercel.app
Sebagai pengembang, penting untuk menunjukkan keahlian Anda dalam berbagai teknologi untuk kolaborator dan pengusaha potensial. Dengan Github-Readme-Tech-Stack , Anda dapat dengan mudah membuat representasi visual dari teknologi yang digunakan dalam repositori GitHub Anda dan memasukkannya ke dalam ReadMe profil Anda. Ini dapat membantu Anda menonjol dan menarik perhatian orang lain yang mencari pengembang dengan keahlian tertentu.
Gambar sepenuhnya dapat disesuaikan, sehingga Anda dapat memilih teknologi yang ingin Anda tunjukkan dan bahkan menyesuaikan warna, ikon, dan penyelarasan agar sesuai dengan merek pribadi Anda.
Secara pribadi, saya selalu ingin memamerkan keterampilan saya dengan cara yang bersih dan modern. Saya bisa melakukan itu hanya dengan lencana, tetapi mereka tidak cocok dengan gaya GitHub-readme-streak-stats dan github-readme-stats. Dengan Github-Readme-Tech-Stack , itu tidak lagi menjadi masalah, secara alami cocok dengan kartu-kartu itu!
profile README Anda.svg Anda sendiri jika belum ada.Tidak ada bidang yang diperlukan. Setiap parameter kueri memiliki nilai default, yang tercantum di bawah ini.
| Parameter | Contoh | Nilai default | Keterangan |
|---|---|---|---|
| judul | title=My%20Title | Tumpukan teknologi saya | Judul kartu. %20 dapat digunakan sebagai ruang. |
| tema | theme=github_dark | GitHub | Tema kartu. Anda dapat menelusuri di antara tema di sini. |
| meluruskan | align=center | kiri | Penyelarasan lencana. ( left , center , right ) |
| Titlealign | align=center | kiri | Penyelarasan judul. ( left , center , right ) |
| Showborder | showBorder=false | BENAR | Tampilkan perbatasan di sekitar kartu atau tidak. ( true , false ) |
| Hidetitle | hideTitle=true | PALSU | Tampilkan judul kartu atau tidak. ( true , false ) |
| hideBg | hideBg=true | PALSU | Jika benar, atur latar belakang menjadi transparan. ( true , false ) |
| Borderradius | borderRadius=12.5 | 4.5 | Jumlah antara 0 dan 50. |
| FontFamily | fontFamily=consolas | Segoe Ui | Keluarga font dari judul. Jika keluarga yang ditentukan tidak ada, standarnya digunakan. |
| fontsize | fontSize=20 | 18 | Ukuran judulnya. Menerima angka antara 15 dan 30. |
| kelas font | fontWeight=normal | Semibold | Ketebalan judulnya. ( thin , normal , semibold , bold ) |
| lebar | width=500 | 495 | Lebar kartu. Menerima nomor yang valid. |
| celah | gap=15 | 10 | Kesenjangan antara lencana. Menerima angka antara 0 dan 30. |
| LineHeight | lineHeight=10 | 7 | Kesenjangan di antara garis. Menerima angka antara 0 dan 30. |
| Linecount | lineCount=2 | 1 | Jumlah baris yang ingin Anda tambahkan ke kartu Anda. |
| linen} | line1=html5,html5,auto | - | Baris lencana saat ini, di mana {n} adalah angka. (1 <= n <= lineCount) |
| bg | bg=%2383324c | - | Warna latar belakang. |
| berbatasan | border=%232da7c7 | - | Warna perbatasan. |
| lencana | badge=%2383324c | - | Warna lencana. |
| Titlecolor | titleColor=%232da7c7 | - | Warna judulnya. |
Kartu-kartu ini datang dengan beberapa tema bawaan yang dapat Anda gunakan. Anda dapat menemukan semuanya dengan mengklik di sini.
Anda juga dapat menyesuaikan tema. Lebih mudah dilakukan dengan situs web demo.
# Clone the project:
git clone https://github.com/0l1v3rr/github-readme-tech-stack.git
cd github-readme-tech-stack
# Install the dependencies:
npm i
npm run prepare
# Running the application:
npm run dev
# Running the storybook:
npm run storybook Semua kontribusi dipersilakan.
Anda dapat menemukan pedoman yang berkontribusi di sini.
Proyek ini dirilis di bawah lisensi MIT.
