resume nextjs

---

Introduzir

• Qualquer pessoa pode criar facilmente um currículo bonito da web (com alguma codificação ..)
• Next.js, o bootstrap CSS é usado.
• De fato, https://github.com/uyu423/resume- Legacy o porteu com o next.js.
• Amostra: https://uyu423.github.io/resume-nextjs
  • Para mais exemplos, consulte o exemplo.md.

Colaboradores

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

Requerems

• Node.js> 18
  • Node.js 18 O ERR_OSSL_EVP_UNSUPPORTED que ocorre na versão 18 ou superior para evitar NODE_OPTIONS=--openssl-legacy-provider é aplicado.
  • Recomenda -se testá -lo na versão Node.js de 18 ou posterior e recomendar o uso da versão Node.js listada no .nvmrc .

Instalar

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

Execute o modo de desenvolvimento

npm run dev

Estrutura

• Ativo/
  • Imagens, favicon
• Componente/
  • Reaja componentes
• Páginas/
  • É apenas uma página para renderizar index.html .
• carga útil/
  • Você pode retirar seu currículo pessoal da Web apenas alterando seus dados de carga útil.
  • Inclui os dados necessários para a renderização do currículo.
  • Detalhes da carga útil na parte inferior
• Docs/
  • Quando npm run export (next export) é executada, o HTML estático é renderizado e gerado na parte inferior docs .
  • docs/ diretórios de páginas do Github Pages podem ser realizados para hospedar páginas do Github.
  • docs/typedoc/ contém typeDoc html, mas não produz como npm run export . Você pode criar um typeDoc com npm run typedoc .

Descrição da carga útil

• TypeDoc: https://uyu423.github.io/resume-nextjs/typedoc
  • A captura de tela de amostra de renderização para toda a carga útil no typeDoc.
• Todas as cargas úteis, exceto a carga útil _global e footer têm disable?: boolean . Se o campo for true , ele não renderiza a seção dessa carga útil.

Perfil

• Imagem do perfil, nome, contato significa, algumas áreas de aviso
• TypeDoc: iProfile.Payload
• Amostra TS: Carga de pagamento/perfil.ts

Introduzir

• Área de auto -introdução
• TypeDoc: iIntroduce.Paylod
• Amostra TS: Carga de pagamento/Introduce.ts

Habilidade

• Área de introdução para sua própria tecnologia
• TypeDoc: iskill.payload
• Amostra TS: Carga de pagamento/Habilidade.ts

Experiência

• (Local de trabalho) Área de introdução para experiência
• TypeDoc: iexperience.Paylod
• Amostra de TS: Carga de pagamento/experiência.ts

Projeto

• Área de introdução para projetos de implementação
• TypeDoc: iProject.Payload
• Amostra de TS: Carga de pagamento/Project.ts

Código aberto

• Introdução de atividades de código aberto
• TypeDoc: iopensource.paylod
• Amostra de TS: Carga de Pay/OpenSource.ts

Apresentação

• Introdução de atividades de apresentação
• TypeDoc: ipresentation.Payload
• Amostra de TS: Carga de pagamento/Apresentação.ts

Artigo

• Postagem de blog/SNS, área de introdução para artigos
• TypeDoc: iarticle.paylod
• Amostra de TS: Carga Pay/Artigo.ts

Educação

• Introdução ao acadêmico
• TypeDoc: ieducation.Payload
• Amostra de TS: Carga Pay/Education.ts

Etc.

• Introdução a outros itens (competições, certificações, serviço etc.)
• TypeDoc: IETC.Paylod
• Amostra TS: Carga de pagamento/etc.ts

_Global

• Área de configurações para configurações globais (título da web, SEO, favicon, etc.)
• TypeDoc: iglobal.Payload
• Amostra TS: Payload/_global.ts

Exportar

npm run export

• Os recursos estáticos HTML são gerados na parte inferior dos /docs .
• As filiais do sub -caminho alteram a estrutura do domínio (ex. Https://uyu423.github.io/resume) altera homepage no package.json para um domínio que você deseja hospedar.
  • Se houver pathname no campo homepage , há uma lógica que adiciona assetPrefix de next.config.js

Exportar para páginas do GitHub

Configuração do repositório

• Opções -Github Pages -Source -Select Master Branch /Pasta Docs
  • Para obter mais informações sobre a fonte do Github Pages, consulte o help.github.com.
• Execute npm run export para atualizar o HTML estático nos docs .
• Se você tiver um domínio externo, preencha o item de domínio personalizado.
  • docs/CNAME necessário para a hospedagem de páginas do Github é criado automaticamente durante npm run export .
  • Consulte o campo homepage do package.json para criação de arquivos docs/CNAME . Modifique o valor da página inicial ao usar o domínio personalizado.
  • Se homepage no package.json for presumido como *.github.io/* ele é considerado como não usando o domínio personalizado e não gera docs/CNAME .
  • Para obter mais informações sobre domínios externos, consulte o help.github.com.
• *.github.io Se você usar o domínio http://{username}.github.io/{repository_name} Se você se conectar, verá um currículo da web.

Contribuição

• Se você deseja recursos adicionais, veja. Sempre aberto.

Pergunta?

• Quando a imagem é quebrada na construção da produção
  • Veja #24
• Como você ajusta a ordem da seção?
  • Atualmente, você não tem escolha a não ser alterar a ordem de renderização diretamente das pages/index.tsx .
  • Estou pensando em como lidar com isso com dados ou carga _global .
• No caso de uma imagem, o CSS 404 em index.html
  • #37 Nota