우리의 간단한 포트폴리오를 만드는 방법
3721 단어 GitHub초보자포트폴리오SourceTreeGit
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(레즈메) 라고 하는 서비스도 추천.
이곳은 코딩 지식이 없어 쉽게 만들 수 있습니다.
내 페이지는 여기
Reference
이 문제에 관하여(우리의 간단한 포트폴리오를 만드는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/suikasu123/items/c1cfda179078b923084f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)