YAML2CV Download - YAML2CV Quellcode-Download

YAML2CV

Andere Kategorien

Version 1.1

Herunterladen

️ ️ ️ Dieses Repo wird nicht weitergeführt, den Nachfolger finden Sie unter LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

DEMO – Standard

DEMO – High-Tech-Unternehmen

Aufgaben

Möchten Sie neue Funktionen? Erstelle ein Problem :)

LinkedIn-Import
Generieren Sie automatisch Seiten und Lebensläufe für jeden Ordner im Inhalt
Anschreiben bei Produktion deaktivieren
Überlaufwarnung für Seiten
Feld für Adresse und Telefonnummer hinzufügen
Neues Layout hinzufügen mit: Fähigkeitsniveau, Zeitleiste
Reaktionsfähigkeit hinzufügen
Erklären Sie, wie Sie neue Informationen hinzufügen

Bekannte Probleme

zwei Elemente von Bildung/Erfahrung/Freiwilligenarbeit könnten auf einer Linie liegen, wenn der Inhalt nicht ausreicht. Schnelle Lösung: Fügen Sie so viele unsichtbare Zeichen (keine Leerzeichen) hinzu, bis es normal aussieht. Sie können es kopieren von: https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

Passen Sie den Lebenslauf an

Gehen Sie zum content und bearbeiten Sie alle Dateien, aber löschen Sie niemals Dateien oder Attribute (löschen Sie einfach den Inhalt, wenn Sie ihn nicht möchten):
1. company.yml : unternehmensspezifische Informationen <- sollten für jedes Unternehmen, bei dem Sie sich bewerben, angepasst werden, verwendet für: Anschreiben
2. education.yml : Bildungshintergrund, verwendet für: erste Seite im Lebenslauf
3. experienceFirstPage.yml : Arbeitserfahrungen, verwendet für: erste Seite im Lebenslauf
4. experienceSecondPage.yml : Arbeitserfahrungen, wenn auf der ersten Seite nicht genügend Platz vorhanden ist. Könnte auch verwendet werden, um zwei verschiedene Projekte auf der Seite anzuzeigen. Wenn Sie es nicht benötigen, löschen Sie einfach die Segmente, aber nicht die Datei, die für die zweite Seite im Lebenslauf verwendet wird
5. footer.yml : Links in der Fußzeile, ist sehr flexibel und wird für jede Seite verwendet
6. person.yml : Ihre persönlichen Daten, verwendet für: Anschreiben, erste Seite im Lebenslauf
7. settings.yml : Ihr zentraler Hub zum Verwalten der meisten Dinge, die Sie sehen können. Alles wird in dieser Datei erklärt, verwendet für: überall
8. skills.yml : alle Ihre Fähigkeiten, verwendet für: erste Seite im Lebenslauf
9. voluntary.yml : wie Bildung und Erfahrung nur für Ihre ehrenamtliche Arbeit, verwendet für: zweite Seite auf Lebenslaufkomponenten components/Footer.vue zu Ihrem Logo.
Wenn Sie sich für viele verschiedene Jobs/Positionen bewerben möchten, müssen Sie die folgenden Schritte befolgen:
1. Erstellen Sie einen Ordner für diese Stelle/Position, in den Sie die Dateien kopieren, die Sie anpassen möchten. In diesem Repository gibt es das Beispiel HighTechCompany , bei dem company.yml , coverletter.yml und skills.yml angepasst sind.
2. Duplizieren Sie die pages/index.vue in pages und passen Sie die folgenden Zeilen an Ihre neuen Dateien an (hier aus dem HighTechCompany-Beispiel):
```
  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. Danach können Sie auf diese Seite zugreifen, indem Sie den Dateinamen zu Ihrer URL hinzufügen. In diesem Beispiel für die Seite HighTechCompany.vue fügen Sie /HighTechCompany zu Ihrer URL hinzu, um http://localhost:3000/HighTechCompany zu erhalten.
4. Sie müssen dies also für jede Stelle/Position wiederholen.
Ändern Sie die Farben in assets/scss/_settings.scss , hauptsächlich die $c-primary Primärfarbe, aber Sie können alles ändern, was Sie wollen, aber ich vermute, dass dadurch das Layout zerstört wird.
In derselben Datei können Sie die Schriftart ändern, müssen dann aber die Google-Schriftart in der Datei nuxt.config.js hinzufügen (ersetzen Sie einfach die dort gefundene URL).

Lokal ausführen

Installieren Sie alle Abhängigkeiten npm install – Sie müssen dies nur einmal tun
Führen Sie npm run dev aus und gehen Sie zu localhost:3000

Lebenslauf generieren – getestet in Chrome Version 71.0.3578.98 auf MacOs und Windows

Öffnen Sie den Druckdialog
Klicken Sie auf More settings
Und auswählen
1. Papierformat: A4
2. Ränder: Keine
3. Maßstab: 100
4. Optionen: (true) Hintergrundgrafiken
Wählen Sie als Druckziel Save as PDF aus
Und das ist es :)

Verwenden Sie es auf dem Produktionsserver

Sie können es über Netlify bereitstellen, ein kostenloses Konto reicht aus und Sie können bei Bedarf Ihre eigene Domain hinzufügen
Alles ist öffentlich und kann eingesehen werden. Seien Sie also vorsichtig mit den content enthaltenen Daten
Das Anschreiben ist nicht für mobile Geräte optimiert

Auf einem Server ausführen

npm run build
npm run start

Auf Docker ausführen

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

Überprüfung auf Docker

in den Container verschieben
1. docker exec -it yaml2cv bash
2. pm2 monit
3. pm2 list
4. pm2 stop app
5. pm2 restart app

Generieren Sie statisches HTML

npm run generate
Kopieren Sie die Dateien aus dem dist -Ordner auf Ihren Webserver

Technische Konzepte

Inhalte sollten pro Seite verwaltet werden, sodass sie einfach zentral angepasst werden können
Keine komplexen Eigenschaften wie Objekte, nur Grundelemente. Wenn ein Objekt erforderlich ist, verfügt die Eigenschaft über einen benutzerdefinierten Validator, um zu prüfen, ob die erwarteten Schlüssel vorhanden sind