YAML2CV

Repo นี้จะไม่ดำเนินการต่อ คุณสามารถค้นหาผู้สืบทอดได้ที่ LukaHarambasic/vue-resume-component

YAML2CV

สาธิต - ค่าเริ่มต้น

DEMO - บริษัท ไฮเทค

---

สิ่งที่ต้องทำ

คุณต้องการคุณสมบัติใหม่ ๆ หรือไม่? สร้างปัญหา :)

• นำเข้า LinkedIn
• สร้างหน้าและ CV โดยอัตโนมัติสำหรับแต่ละโฟลเดอร์ในเนื้อหา
• ปิดการใช้งานจดหมายปะหน้าในการผลิต
• คำเตือนล้นสำหรับหน้า
• เพิ่มช่องสำหรับที่อยู่และหมายเลขโทรศัพท์
• เพิ่มเค้าโครงใหม่ด้วย: ระดับทักษะ, ไทม์ไลน์
• เพิ่มการตอบสนอง
• อธิบายวิธีการเพิ่มข้อมูลใหม่

ปัญหาที่ทราบ

• องค์ประกอบสองประการของการศึกษา/ประสบการณ์/ความสมัครใจอาจอยู่ในบรรทัดเดียวกันหากมีเนื้อหาไม่เพียงพอ แก้ไขด่วน เพิ่มอักขระที่มองไม่เห็นให้ได้มากที่สุด (ไม่ต้องเว้นวรรค) จนกว่าจะดูปกติ คุณสามารถคัดลอกได้จาก: https://stackoverflow.com/questions/17978720/invisible-Characters-ascii?answertab=votes#tab-top

---

ปรับแต่ง CV

1. ไปที่ content และแก้ไขไฟล์ทั้งหมด แต่อย่าลบไฟล์หรือลบแอตทริบิวต์ (เพียงลบเนื้อหาหากคุณไม่ต้องการ):
   1. company.yml : ข้อมูลเฉพาะบริษัท <- ควรปรับแต่งให้เหมาะกับแต่ละบริษัทที่คุณสมัคร ใช้สำหรับ: จดหมายปะหน้า
   2. education.yml : วุฒิการศึกษา ใช้สำหรับ: หน้าแรกใน CV
   3. experienceFirstPage.yml : ประสบการณ์การทำงาน ใช้สำหรับ: หน้าแรกใน CV
   4. experienceSecondPage.yml : ประสบการณ์การทำงาน หากหน้าแรกมีพื้นที่ไม่เพียงพอ สามารถใช้สองรายการเพื่อแสดงบางสิ่งที่แตกต่างกันเช่นโปรเจ็กต์บนเพจได้ หากคุณไม่ต้องการมัน ให้ลบเซ็กเมนต์ออก แต่ไม่ใช่ไฟล์ที่ใช้สำหรับ: หน้าที่สองใน CV
   5. footer.yml : ลิงก์ในส่วนท้าย มีความยืดหยุ่นสูง ใช้สำหรับ: แต่ละหน้า
   6. person.yml : ข้อมูลส่วนบุคคลของคุณ ใช้สำหรับ: จดหมายปะหน้า หน้าแรกใน CV
   7. settings.yml : ศูนย์กลางของคุณเพื่อจัดการสิ่งต่าง ๆ ส่วนใหญ่ที่คุณเห็น ทุกอย่างอธิบายไว้ในไฟล์นี้ ใช้สำหรับ: ทุกที่
   8. skills.yml : ทักษะทั้งหมดของคุณ ใช้สำหรับ: หน้าแรกของ CV
   9. voluntary.yml : เช่นเดียวกับการศึกษาและประสบการณ์สำหรับงานอาสาสมัครของคุณ ใช้สำหรับ: หน้าที่สองในส่วนประกอบ cv 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

---

สร้าง CV - ทดสอบใน Chrome เวอร์ชัน 71.0.3578.98 บน MacO และ Windows

1. เปิดกล่องโต้ตอบการพิมพ์
2. คลิกที่ More settings
3. และเลือก
   1. ขนาดกระดาษ: A4
   2. ขอบ: ไม่มี
   3. สเกล: 100
   4. ตัวเลือก: (จริง) กราฟิกพื้นหลัง
4. เลือก Save as PDF เป็นปลายทางการพิมพ์
5. และนั่นก็คือ :)

---

ใช้มันบนเซิร์ฟเวอร์ที่ใช้งานจริง

• คุณสามารถปรับใช้ผ่าน Netlify บัญชีฟรีก็เพียงพอแล้ว และคุณสามารถเพิ่มโดเมนของคุณเองได้หากต้องการ
• ทุกอย่างจะถูกเปิดเผยต่อสาธารณะและสามารถมองเห็นได้ ดังนั้น ควรระมัดระวังเกี่ยวกับข้อมูลที่อยู่ใน content
• จดหมายปะหน้าไม่ได้รับการปรับให้เหมาะกับอุปกรณ์มือถือ

ทำงานบนเซิร์ฟเวอร์

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