우리의 간단한 포트폴리오를 만드는 방법



GitHub을 사용하여 다음과 같은 포트폴리오를 만드는 방법입니다.
@suikasu123 PORTFOLIO

1. Git/GitHub에 계정 등록을 합니다.



Git은 Git의 사용법은 원숭이에서도 알 수 있는 Git 입문
GitHub의 사용법은 GitHub 입문 ~계정을 만드는 방법~
텍스트로 통괄적으로 진행하고 싶으면, 와카바 제대로 배우기 Git 사용법 입문 가 추천입니다.
또한 터미널이 아닌 시각적으로 사용하고 싶다면 SourceTree를 설치합니다.
SourceTree를 다운로드하고 설치하는 방법
처음 SourceTree(사용법편)

2. 텍스트 편집기를 설치합니다.



Windows: 디폴트의 「메모장」으로 OK입니다. (설치 불필요)
Mac: 「Brackets」(무료)를 추천합니다.
    기본 메모장은 사용하지 않는 것이 좋습니다. (확장자를 변경할 수 없기 때문에.)

3. 다음 사이트에서 템플릿을 다운로드합니다.



포트폴리오 HTML 템플릿

4. 다양한 아이콘을 다운로드합니다.



템플리 내에 「SKILL」 「CONTACT」라는 항목이 있습니다. 그곳은 스스로 아이콘을 준비해야합니다.
"SKILL]은 자신의 스킬(Ruby나 Swift)에 적합한 아이콘을 아래에서 다운로드합니다.
Devicons
"CONTACT"는 스스로 설정하고 싶은 연락처(메일이나 Twitter)에 적합한 아이콘을 아래에서 다운로드합니다.
가오코 온 모노

5. 자신의 제작물의 캡처나 셀카 등의 게재하고 싶은 이미지를, 「img」 바로 아래의 각 폴더로 이동합니다.



 (로컬 폴더)
 latestworks-자신의 최근 아티팩트의 화면 캡쳐
works-자신의 지금까지의 아티팩트의 화면 캡쳐
 profile-자신의 셀카나 이미지 이미지
skill-자신의 스킬의 아이콘(순서 5로 다운로드한 것)
contact-자신의 연락처의 아이콘(순서 5에서 다운로드한 것)
 img직하-아이캐치 화상(SNS로 공유했을 때에 표시되는 화상)

6. 포트폴리오 내용을 만듭니다.



데스크탑에 「portfolio-template」폴더가 작성되고 있습니다.
그 안에 있는 "index.html"을 텍스트 편집기에서 엽니다.
템플릿이 열리므로 기본 데이터를 자신의 데이터로 다시 작성하고 저장합니다.
또한 각 항목의 이미지를 자신의 것으로 바꿉니다.
  디폴트의 화상이 꽂혀 있는 곳에, 자신의 화상의 이름을 입력하는 것만으로 OK입니다.
 예) 「goal.png」라는 이름의 이미지를 삽입하고 싶은 경우


7. GitHub에서 새 리포지토리를 만듭니다.



"Repository name"은 "○○○○.github.io"로 합니다.
 예:suikasu1.github.io
그 이외는, 통상의 GitHub의 사용법과 함께입니다.

8. 순서 7까지에서 작성한 텍스트 데이터나 화상등을, 로컬→SourceTree→GitHub에 제휴시킵니다.



  이하의 순서를 참고해 주세요.
SourceTree를 다운로드하고 설치하는 방법
처음 SourceTree(사용법편)

9. GitHub로 푸시 한 후 포트폴리오를 살펴 보겠습니다.



순서 9로 포트폴리오가 완성되고 있으므로, 조속히 봅시다!
링크는 「https://○○○○.github.io/」라고 하는 형식으로 볼 수 있습니다. Twitter 등으로 꼭 공유합시다!

수제가 아니어도 좋으니 손쉽게 만들고 싶다고 하는 사람은, RESUME(레즈메) 라고 하는 서비스도 추천.
이곳은 코딩 지식이 없어 쉽게 만들 수 있습니다.
내 페이지는 여기

좋은 웹페이지 즐겨찾기