resume nextjs

---

Introduire

• Tout le monde peut facilement créer un joli CV Web (avec un peu de codage ..)
• Next.js, Bootstrap CSS est utilisé.
• En fait, https://github.com/Uyu423/Resume- hérité l'a porté avec next.js.
• Exemple: https://Uyu423.github.io/resume-nextjs
  • Pour plus d'exemples, reportez-vous à l'exemple.md.

Contributeurs

• Yowu (uyu423)
• Dal-ya
• Taeyeong Kim (Lizard-Kim)
• Taeyang Jin (Heli-OS)
• Hyogeun Oh (ZeroHertz)

Exigences

• Node.js> 18
  • Node.js 18 Le ERR_OSSL_EVP_UNSUPPORTED qui se produit à partir de la version 18 ou plus pour éviter que l'option NODE_OPTIONS=--openssl-legacy-provider soit appliquée.
  • Il est recommandé de le tester dans la version Node.js de 18 ou version ultérieure, et de recommander d'utiliser la version Node.js répertoriée dans .nvmrc .

Installer

 # fork to your github account & git cloning your forked repository
npm install

Exécuter le mode de développement

npm run dev

Structure

• Actif/
  • Images, favicon
• Composant/
  • React Composants
• Pages /
  • Ce n'est qu'une page pour rendre index.html .
• charge utile/
  • Vous pouvez retirer votre CV Web personnel simplement en modifiant vos données de charge utile.
  • Il comprend les données nécessaires au rendu du curriculum vitae.
  • Détail de charge utile en bas
• Docs /
  • Lorsque npm run export (next export) est exécutée, le HTML statique est rendu et généré en bas docs .
  • docs/ répertoire des pages GitHub de GitHub Pages peut être effectué pour héberger l'hébergement des pages GitHub.
  • docs/typedoc/ Contient HTML TypedOC, mais ne produit pas en tant npm run export . Vous pouvez créer un Typedoc avec npm run typedoc .

Description de la charge utile

• Typedoc: https://Uyu423.github.io/resume-nextjs/typedoc
  • Le rendu de la capture d'écran de toute la charge utile dans Typedoc.
• Toutes les charges utiles sauf que la charge utile _global et footer a disable?: boolean Field. Si le champ est true , il ne rend pas la section de cette charge utile.

Profil

• Photo de profil, nom, contacts moyens, quelques zones de préavis
• Typedoc: iprofile.payload
• Échantillon TS: charge utile / profil.ts

Introduire

• Zone d'auto-introduction
• Typedoc: iintroduce.paylod
• Échantillon TS: charge utile / introduction

Compétence

• Zone d'introduction pour votre propre technologie
• Typedoc: Iskill.Payload
• Échantillon TS: charge utile / compétence.ts

Expérience

• (Lieu de travail) Introduction du domaine de l'expérience
• Typedoc: iExpeciente.paylod
• Échantillon TS: charge utile / expérience.ts

Projet

• Zone d'introduction pour les projets de mise en œuvre
• Typedoc: iproject.payload
• Échantillon TS: charge utile / projet.ts

Open source

• Introduction d'activités open source
• Typedoc: iopenSource.paylod
• Échantillon TS: charge utile / opensource.ts

Présentation

• Introduction des activités de présentation
• Typedoc: ipresentation.payload
• Échantillon TS: charge utile / présentation.ts

Article

• Blog / SNS post, zone d'introduction pour les articles
• Typedoc: iarticle.paylod
• Échantillon ts: charge utile / article.ts

Éducation

• Introduction à l'académique
• Typedoc: ieducation.payload
• Échantillon TS: charge utile / éducation.ts

ETC

• Introduction à d'autres articles (concours, certifications, service, etc.)
• Typedoc: ietc.paylod
• Échantillon TS: charge utile / etc.

_Mondial

• Paramètres du domaine des paramètres globaux (titre Web, référencement, favicon, etc.)
• Typedoc: iglobal.payload
• Échantillon ts: charge utile / _global.ts

Exporter

npm run export

• Des ressources HTML statiques sont générées au bas des /docs .
• Les branches de sous-chemin modifient la structure du domaine (ex. Https://Uyu423.github.io/resume) modifie homepage dans package.json dans un domaine que vous souhaitez héberger.
  • S'il y a pathname dans homepage , il y a une logique qui ajoute assetPrefix de next.config.js

Exporter vers les pages GitHub

Paramètre de référentiel

• Options -github pages -Source -Select Master Branch / Docs dossier
  • Pour plus d'informations sur la source des pages GitHub, veuillez vous référer à help.github.com.
• Exécutez npm run export pour mettre à jour le HTML statique dans docs .
• Si vous avez un domaine externe, veuillez remplir l'élément de domaine personnalisé.
  • docs/CNAME requis pour l'hébergement des pages GitHub est créé automatiquement pendant npm run export .
  • Voir champ homepage de package.json pour la création de fichiers docs/CNAME . Modifiez la valeur de la page d'accueil lors de l'utilisation du domaine personnalisé.
  • Si homepage dans package.json est présumé être *.github.io/* il est considéré comme n'utilisant pas le domaine personnalisé et ne génère pas docs/CNAME .
  • Pour plus d'informations sur les domaines externes, veuillez vous référer à help.github.com.
• *.github.io Si vous utilisez le domaine tel quel http://{username}.github.io/{repository_name} Si vous vous connectez, vous verrez un CV.

Contribution

• Si vous voulez des fonctionnalités supplémentaires, veuillez regarder. Toujours ouvert.

Question?

• Lorsque l'image est cassée dans la construction de production
  • Voir # 24
• Comment ajustez-vous l'ordre de la section?
  • Actuellement, vous n'avez pas d'autre choix que de modifier l'ordre de rendu directement à partir pages/index.tsx .
  • Je pense à la façon de le gérer avec des données ou une charge utile _global .
• Dans le cas d'une image, CSS 404 dans index.html
  • # 37 Remarque