YAML2CV

️ ️ ️此 Repo 將不會繼續，您可以在 LukaHarambasic/vue-resume-component 中找到繼任者。 ️ ️ ️

YAML2CV

演示 - 預設

演示 - 高科技公司

---

待辦事項

您想要一些新功能嗎？建立一個問題:)

• 領英導入
• 為內容中的每個資料夾自動產生頁面和履歷
• 在生產中禁用求職信
• 頁面溢出警告
• 新增地址和電話字段
• 新增佈局：技能等級、時間線
• 增加響應能力
• 解釋如何添加新訊息

已知問題

• 如果內容不夠，教育/經驗/志願這兩個要素可能會處於同一行。快速修復，添加盡可能多的不可見字元（不是空格），直到看起來正常為止。您可以從以下位置複製它：https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

客製化履歷

1. 前往content並編輯所有文件，但切勿刪除文件或刪除屬性（如果不需要，只需刪除內容）：
   1. company.yml ：公司特定資訊<-應為您申請的每個公司量身定制，用於：求職信
   2. education.yml ：教育背景，用於：簡歷首頁
   3. experienceFirstPage.yml ：工作經歷，用於：簡歷首頁
   4. experienceSecondPage.yml ：如果第一頁沒有足夠的空間，則提供工作經驗。也可以使用兩個顯示不同的內容，例如頁面上的項目。如果您不需要它，只需刪除段，而不是文件，用於：簡歷上的第二頁
   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中的pages/index.vue並自訂以下行以符合您的新檔案（此處來自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. 之後，您可以透過將檔案名稱新增至您的網址來存取此頁面，在此範例中，對於HighTechCompany.vue頁面，將/HighTechCompany新增至您的網址以取得http://localhost:3000/HighTechCompany 。
   4. 因此，您必須為每個工作/職位重複此操作。
3. 更改assets/scss/_settings.scss中的顏色，主要是$c-primary顏色，但您可以更改您想要的所有內容，但我懷疑它會破壞佈局。
4. 在同一個檔案中，您可以更改字體，但必須在nuxt.config.js檔案中新增 Google 字體（只需替換您在其中找到的 url）。

---

本地運行

1. 安裝所有依賴項npm install - 您只需執行一次
2. 執行npm run dev並前往 localhost:3000

---

產生履歷 - 在 MacO 和 Windows 上的 Chrome 版本 71.0.3578.98 中進行測試

1. 開啟列印對話框
2. 點擊More settings
3. 並選擇
   1. 紙張尺寸：A4
   2. 邊距：無
   3. 規模：100
   4. 選項：（true）背景圖形
4. 選擇Save as PDF作為列印目標
5. 就是這樣:)

---

在生產伺服器上使用它

• 您可以透過 Netlify 部署它，一個免費帳戶就足夠了，如果您願意，您可以新增自己的網域
• 一切都將是公開的、可見的，所以要小心content中的數據
• 求職信未針對行動裝置進行最佳化

在伺服器上運行

1. npm run build
2. npm run start

在docker上運行

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資料夾複製到您的網頁伺服器

技術概念

• 內容應按頁面進行管理，以便可以輕鬆地集中定制
• 沒有像物件這樣的複雜屬性，只有基元。如果需要一個對象，該屬性有一個自訂驗證器來檢查期望的鍵是否存在

科技

該專案在 Nuxt.js 中使用 Vue.js。