resume nextjs

---

Introducir

• Cualquiera puede crear fácilmente un currículum web bonito (con algo de codificación ...)
• Next.js, se usa Bootstrap CSS.
• De hecho, https://github.com/uyu423/resume- Legacy lo portó con Next.js.
• Muestra: https://uyu423.github.io/resume-nextjs
  • Para obtener más ejemplos, consulte Ejemplo.md.

Colaboradores

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

Requisitos

• Node.js> 18
  • Node.js 18 El ERR_OSSL_EVP_UNSUPPORTED que ocurre desde la versión 18 o superior para evitar NODE_OPTIONS=--openssl-legacy-provider se aplica la opción.
  • Se recomienda probarlo en la versión Node.js de 18 o posterior, y recomienda usar la versión Node.js enumerada en .nvmrc .

Instalar

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

Ejecutar el modo de desarrollo

npm run dev

Estructura

• Activo/
  • Imágenes, Favicon
• Componente/
  • Componentes reaccionarios
• Páginas/
  • Es solo una página para representar index.html .
• carga útil/
  • Puede extraer su currículum web personal simplemente cambiando sus datos de carga útil.
  • Incluye los datos necesarios para la representación del currículum.
  • Detalle de carga útil en la parte inferior
• Docs/
  • Cuando se ejecuta npm run export (next export) , el HTML estático se representa y se genera en la parte inferior docs .
  • docs/ directorio de las páginas de GitHub Pages de GitHub se pueden realizar para alojar el alojamiento de las páginas GitHub.
  • docs/typedoc/ contiene HTML typedoc, pero no produce como npm run export . Puede crear un typedoc con npm run typedoc .

Descripción de la carga útil

• Typedoc: https://uyu423.github.io/resume-nextjs/typedoc
  • La muestra de captura de pantalla de muestra para toda la carga útil dentro de Typedoc.
• Todas las cargas útiles excepto la carga útil _global y footer tienen disable?: boolean . Si el campo es true , no representa la sección de esa carga útil.

Perfil

• Imagen de perfil, nombre, medias de contacto, algunas áreas de notificación
• Typedoc: ipprofile.payload
• Muestra de TS: carga útil/perfil.ts

Introducir

• Área de autointroducción
• Typedoc: iintroduce.paylod
• Muestra de TS: carga útil/introducción.ts

Habilidad

• Área de introducción para su propia tecnología
• Typedoc: iskill.payload
• Muestra de TS: carga útil/habilidad.ts

Experiencia

• (Lugar de trabajo) Área de introducción para la experiencia
• Typedoc: iExperience.paylod
• Muestra de TS: carga útil/experiencia.ts

Proyecto

• Área de introducción para proyectos de implementación
• Typedoc: iproject.payload
• Muestra de TS: carga útil/proyecto.ts

Código abierto

• Introducción de actividades de código abierto
• Typedoc: iopensource.paylod
• Muestra de TS: carga útil/OpenSource.ts

Presentación

• Introducción de actividades de presentación
• Typedoc: ipresentation.payload
• Muestra de TS: carga útil/presentación.ts

Artículo

• Blog/Sns Public, Área de introducción para artículos
• Typedoc: iarticle.paylod
• Muestra de TS: carga útil/artículo.ts

Educación

• Introducción al académico
• Typedoc: ieducation.payload
• Muestra de TS: carga útil/educación.ts

ETC

• Introducción a otros artículos (competiciones, certificaciones, servicio, etc.)
• TypeDoc: ietc.paylod
• Muestra de TS: carga útil/etc.Ts

_Global

• Área de configuración para configuraciones globales (Título web, SEO, Favicon, etc.)
• Typedoc: iglobal.payload
• Muestra de TS: carga útil/_global.ts

Exportar

npm run export

• Se generan recursos HTML estáticos en la parte inferior de /docs .
• Las ramas de la ruta de la subpasa cambian la estructura del dominio (ex. Https://uyu423.github.io/resume) cambia homepage en package.json a un dominio que desea alojar.
  • Si hay pathname en homepage , hay una lógica que agrega assetPrefix de next.config.js

Exportar a las páginas de Github

Configuración de repositorio

• Opciones -github páginas -surce -select Master Branch /Docs Carpeta
  • Para obtener más información sobre la fuente de las páginas de GitHub, consulte Ayuda.github.com.
• Ejecute npm run export para actualizar HTML estático en docs .
• Si tiene un dominio externo, complete el elemento de dominio personalizado.
  • docs/CNAME requerido para el alojamiento de páginas GitHub se crea automáticamente durante npm run export .
  • Consulte el campo homepage de package.json para la creación de archivos docs/CNAME . Modifique el valor de la página de inicio cuando se use el dominio personalizado.
  • Si se supone que homepage en package.json es *.github.io/* se considera que no usa el dominio personalizado y no genera docs/CNAME .
  • Para obtener más información sobre dominios externos, consulte Ayuda.github.com.
• *.github.io Si usa el dominio tal como es http://{username}.github.io/{repository_name} Si se conecta, verá un currículum web.

Contribución

• Si desea funciones adicionales, busque. Siempre abierto.

¿Pregunta?

• Cuando la imagen se rompe en la construcción de producción
  • Ver #24
• ¿Cómo se ajusta el orden de la sección?
  • Actualmente, no tiene más remedio que cambiar el orden de representación directamente de pages/index.tsx .
  • Estoy pensando en cómo manejarlo con datos o carga _global .
• En el caso de una imagen, CSS 404 en index.html
  • #37 nota