Gatsby를 사용하여 온라인 이력서 만들기

4512 단어 reactgatsby
나는 온라인 이력서를 만들기 위해 개츠비 스타터를 개발했다. 테마로 Material UI을 사용했습니다.

데모 확인https://donvito-gatsby-resume-starter.netlify.com



🚀 빠른 시작


  • 이 저장소에서 시작 코드를 다운로드합니다.



  • 돈비토 / 돈비토-개츠비-이력서-스타터


    온라인 이력서를 만드는 개츠비 스타터.








    온라인 이력서 - Gatsby Starter



    이것은 온라인 이력서를 작성하는 개츠비 스타터입니다. 테마로 Material UI을 사용합니다.

    데모 확인https://donvito-gatsby-resume-starter.netlify.com



    🚀 빠른 시작



  • 이력서에 입력할 데이터 편집
    다음 파일을 편집할 수 있습니다.
  • src/data/summary.json : 이 데이터 파일은 요약 섹션을 채우는 데 사용됩니다.
  • src/data/contact.json : 이 데이터 파일은 연락처 섹션을 채우는 데 사용됩니다.
  • src/data/experience.json : 이 데이터 파일은 경험 섹션을 채우는 데 사용됩니다.
  • src/data/skill.json : 이 데이터 파일은 기술 섹션을 채우는 데 사용됩니다.


  • 개발을 시작하십시오.
    새 사이트의 디렉토리로 이동하여 시작하십시오.
    cd donvito-gatsby-resume-starter/
    gatsby develop
  • Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this

    1. Add the data to be populated for your resume

      Edit the following files:

      1. src/data/summary.json: This data file is used to populate the Summary section.
      2. src/data/contact.json: This data file is used to populate the Contact section.
      3. src/data/experience.json: This data file is used to populate the Experience section.
      4. src/data/skill.json: This data file is used to populate the Skills section.
    2. Start the site.

      Navigate into your new site’s directory and start it up.

      cd donvito-gatsby-resume-starter/
      gatsby develop
      


    3. 사이트 접속!

      귀하의 사이트는 현재 http://localhost:8000에서 실행 중입니다!

      참고: 두 번째 링크인 _`http://localhost:8000/ _graphql`도 표시됩니다. 이것은 데이터 쿼리를 실험하는 데 사용할 수 있는 도구입니다. Gatsby tutorial ._에서 이 도구 사용에 대해 자세히 알아보십시오.

      선택한 코드 편집기에서 donvito-gatsby-resume-starter 디렉토리를 열고 src/pages/index.js를 편집합니다. 변경 사항을 저장하면 브라우저가 실시간으로 업데이트됩니다!

    4. 💫 Netlify에 샘플 배포



    좋은 웹페이지 즐겨찾기