github readme tech stack
v2.1.1
أسهل طريقة للبدء في زيارة موقعنا على الويب ، حيث يمكنك تخصيص بطاقتك مباشرة ومعاينتها.
https://github-readme-tech-stack.vercel.app
كمطور ، من المهم إظهار خبرتك في تقنيات مختلفة للمتعاونين المحتملين وأصحاب العمل. باستخدام Github-Readme-Tech-Stack ، يمكنك بسهولة إنشاء تمثيل مرئي للتقنيات المستخدمة في مستودع GitHub الخاص بك وإدراجه في ملفك الشخصي . يمكن أن يساعدك ذلك في التميز وجذب انتباه الآخرين الذين يبحثون عن مطورين لديهم مجموعات مهارات محددة.
الصور قابلة للتخصيص بالكامل ، بحيث يمكنك اختيار التقنيات التي تريد عرضها وحتى ضبط الألوان والرموز والمحاذاة لتتناسب مع علامتك التجارية الشخصية.
شخصيا ، كنت أرغب دائمًا في إظهار مهاراتي بطريقة نظيفة وحديثة. يمكنني أن أفعل ذلك مع الشارات فقط ، لكنها لا تتطابق مع أسلوب Github-Readme Stats و Github-Readme-Stats. مع Github-Readme-Tech-Stack ، لم تعد هذه مشكلة ، فهي تتطابق بشكل طبيعي مع تلك البطاقات!
profile README الخاص بك.svg الخاصة بك إذا لم تكن موجودة بالفعل.لا يلزم أي من الحقول. كل معلمة استعلام لها قيمة افتراضية ، والتي تم سردها أدناه.
| المعلمة | مثال | القيمة الافتراضية | وصف |
|---|---|---|---|
| عنوان | title=My%20Title | مكدس التكنولوجيا الخاص بي | عنوان البطاقة. %20 يمكن استخدامها كمساحة. |
| سمة | theme=github_dark | جيثب | موضوع البطاقة. يمكنك تصفح بين الموضوعات هنا. |
| محاذاة | align=center | غادر | محاذاة الشارات. ( left ، center ، right ) |
| titlealign | align=center | غادر | محاذاة العنوان. ( left ، center ، right ) |
| Showborder | showBorder=false | حقيقي | عرض الحدود حول البطاقة أم لا. ( true ، false ) |
| Hidetitle | hideTitle=true | خطأ شنيع | عرض عنوان البطاقة أم لا. ( true ، false ) |
| Hidebg | hideBg=true | خطأ شنيع | إذا كان هذا صحيحًا ، فإن الخلفية الشفافة. ( true ، false ) |
| الحدود | borderRadius=12.5 | 4.5 | رقم بين 0 و 50. |
| fontfamily | fontFamily=consolas | Segoe UI | عائلة الخط من العنوان. إذا لم تكن الأسرة المحددة موجودة ، فسيتم استخدام الافتراضي. |
| الحجم | fontSize=20 | 18 | حجم العنوان. يقبل رقم بين 15 و 30. |
| وزن | fontWeight=normal | Semibold | سمك العنوان. ( thin ، normal ، semibold ، bold ) |
| عرض | width=500 | 495 | عرض البطاقة. يقبل رقم صالح. |
| فجوة | gap=15 | 10 | الفجوة بين الشارات. يقبل رقم بين 0 و 30. |
| lineheight | lineHeight=10 | 7 | الفجوة بين السطور. يقبل رقم بين 0 و 30. |
| linecount | lineCount=2 | 1 | عدد الخطوط التي تريد إضافتها إلى بطاقتك. |
| السطر {n} | line1=html5,html5,auto | - | السطر الحالي للشارة ، حيث {n} هو رقم. (1 <= n <= lineCount) |
| BG | bg=%2383324c | - | لون الخلفية. |
| حدود | border=%232da7c7 | - | لون الحدود. |
| شارة | badge=%2383324c | - | لون الشارات. |
| TitleColor | titleColor=%232da7c7 | - | لون العنوان. |
تأتي هذه البطاقات مع العديد من السمات المدمجة التي يمكنك استخدامها. يمكنك العثور عليها جميعًا من خلال النقر هنا.
يمكنك أيضا تخصيص السمات. من الأسهل القيام به مع موقع التجريبي.
# 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 جميع المساهمات موضع ترحيب.
يمكنك العثور على مبادئ توجيهية مساهمة هنا.
يتم إصدار هذا المشروع تحت رخصة معهد ماساتشوستس للتكنولوجيا.
