YAML2CV

️ ️ ️ لن يستمر هذا الريبو، يمكنك العثور على الوريث في LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

العرض التوضيحي - الافتراضي

ديمو - شركة التكنولوجيا العالية

---

المهام

هل تريد بعض الميزات الجديدة؟ خلق قضية :)

• استيراد لينكد إن
• قم بإنشاء الصفحات والسيرة الذاتية تلقائيًا لكل مجلد في المحتوى
• تعطيل الغلاف عند الإنتاج
• تحذير من تجاوز السعة للصفحات
• إضافة حقل للعنوان والهاتف
• إضافة تخطيط جديد مع: مستوى المهارة، والجدول الزمني
• إضافة الاستجابة
• شرح كيفية إضافة معلومات جديدة

القضايا المعروفة

• يمكن أن يكون عنصرا التعليم/الخبرة/التطوع على نفس الخط إذا لم يكن هناك محتوى كافٍ. حل سريع، قم بإضافة أكبر عدد ممكن من الأحرف غير المرئية (وليس المسافات) حتى تبدو طبيعية. يمكنك نسخه من: https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

تخصيص السيرة الذاتية

1. انتقل إلى content وقم بتحرير جميع الملفات، لكن لا تقم أبدًا بحذف الملفات أو حذف السمات (فقط احذف المحتوى إذا كنت لا تريده):
   1. company.yml : المعلومات الخاصة بالشركة <- يجب تخصيصها لكل شركة تتقدم إليها، وتستخدم لـ: Coverletter
   2. education.yml : الخلفية التعليمية، يستخدم في: الصفحة الأولى من السيرة الذاتية
   3. experienceFirstPage.yml : خبرات العمل، تستخدم لـ: الصفحة الأولى في السيرة الذاتية
   4. experienceSecondPage.yml : تجارب العمل إذا لم تكن هناك مساحة كافية في الصفحة الأولى. يمكن أيضًا استخدام عرضين مختلفين مثل المشاريع على الصفحة. إذا لم تكن بحاجة إليه، فما عليك سوى حذف المقاطع، ولكن ليس الملف المستخدم لـ: Secondpage on cv
   5. footer.yml : الروابط الموجودة في التذييل، مرنة للغاية، وتستخدم لـ: كل صفحة
   6. person.yml : معلوماتك الشخصية، تُستخدم في: الرسالة التعريفية، الصفحة الأولى من السيرة الذاتية
   7. settings.yml : مركزك المركزي لإدارة معظم الأشياء التي يمكنك رؤيتها، كل شيء موضح في هذا الملف، يستخدم لـ: في كل مكان
   8. skills.yml : كل مهاراتك، تستخدم في: الصفحة الأولى من السيرة الذاتية
   9. voluntary.yml : مثل التعليم والخبرة فقط لعملك التطوعي، يُستخدم لـ: الصفحة الثانية في components/Footer.vue لشعارك.
2. إذا كنت ترغب في التقدم للعديد من الوظائف/المناصب المختلفة، عليك اتباع الخطوات التالية:
   1. قم بإنشاء مجلد لهذه الوظيفة/المنصب حيث يمكنك نسخ الملفات التي تريد تخصيصها. يوجد في هذا المستودع مثال HighTechCompany حيث تم تخصيص company.yml و coverletter.yml و skills.yml .
   2. قم بتكرار pages/index.vue في pages وقم بتخصيص الأسطر التالية لمطابقة ملفاتك الجديدة (هنا من مثال HighTechCompany):

        import settings from '~/content/settings.yml'
        import coverletter from '~/content/HighTechCompany/coverletter.yml' //CUSTOMIZED
        import company from '~/content/HighTechCompany/company.yml' //CUSTOMIZED
        import person from '~/content/person.yml'
        import experienceFirstPage from '~/content/experienceFirstPage.yml'
        import experienceSecondPage from '~/content/experienceSecondPage.yml'
        import education from '~/content/education.yml'
        import skills from '~/content/HighTechCompany/skills.yml' //CUSTOMIZED
        import voluntary from '~/content/voluntary.yml'
        import footer from '~/content/footer.yml'
      

   3. بعد ذلك يمكنك الوصول إلى هذه الصفحة عن طريق إضافة اسم الملف إلى عنوان url الخاص بك، في هذا المثال لصفحة HighTechCompany.vue أضف /HighTechCompany إلى عنوان url الخاص بك للحصول على http://localhost:3000/HighTechCompany .
   4. لذلك عليك أن تكرر هذا لكل وظيفة/منصب.
3. قم بتغيير الألوان في assets/scss/_settings.scss ، وبشكل أساسي اللون $c-primary ولكن يمكنك تغيير كل ما تريده، لكنني أظن أنه سيدمر التخطيط.
4. في نفس الملف، يمكنك تغيير الخط ولكن يتعين عليك إضافة خط Google في ملف nuxt.config.js (فقط استبدل عنوان url الذي تجده هناك).

---

تشغيل محليا

1. قم بتثبيت جميع التبعيات npm install - ما عليك سوى القيام بذلك مرة واحدة
2. قم بتشغيل npm run dev وانتقل إلى localhost:3000

---

إنشاء السيرة الذاتية - تم اختباره في إصدار Chrome 71.0.3578.98 على نظامي التشغيل MacOs وWindows

1. افتح مربع حوار الطباعة
2. انقر على More settings
3. وحدد
   1. حجم الورق: A4
   2. الهوامش: لا شيء
   3. المقياس: 100
   4. الخيارات: (صحيح) رسومات الخلفية
4. حدد Save as PDF كوجهة للطباعة
5. وهذا كل شيء :)

---

استخدامه على خادم الإنتاج

• يمكنك نشره عبر Netlify، الحساب المجاني يكفي ويمكنك إضافة المجال الخاص بك إذا أردت
• سيكون كل شيء عامًا ويمكن رؤيته، لذا كن حذرًا بشأن البيانات الموجودة في content
• لم يتم تحسين Coverletter للأجهزة المحمولة

تشغيل على الخادم

1. npm run build
2. npm run start

تشغيل على عامل ميناء

1. $ docker build -t yaml2cv --build-arg NODE_ENV=production .
2. $ docker-compose up -d

التحقق من عامل ميناء

1. الانتقال إلى الحاوية
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

إنشاء HTML ثابت

1. npm run generate
2. انسخ الملفات من مجلد dist إلى خادم الويب الخاص بك

المفاهيم الفنية

• يجب إدارة المحتوى لكل صفحة، بحيث يمكن تخصيصه مركزيًا بسهولة
• لا توجد خصائص معقدة مثل الكائنات، فقط البدائيات. إذا كان الكائن مطلوبًا، فإن الخاصية لديها مدقق مخصص للتحقق من وجود مفاتيح التوقع

تكنولوجيا

يستخدم هذا المشروع Vue.js في Nuxt.js.