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。