Github Pages, Froala를 사용하여 포트폴리오를 쉽게 만들었습니다.

소개

저는 한 해외 프리랜서 커뮤니티에 속합니다.

거기인 날 note에 멤버 소개의 기사를 쓰지 않는가 하는 초대를 받았습니다.

다만 나는 포트폴리오라는 것을 아무것도 가지고 있지 않았기 때문에 이번에 처음 작성하기로 했습니다.

현시점에서는 이쪽이 작성 도중의 것이 됩니다

Mikihiro Saito's Portfolio

ㅜㅜㅜㅜㅜㅜㅜ 기주 b. 이오 / 포 rt 후오 /

이번에 사용한 것은 타이틀에도 있는 대로 Github Pages입니다. 이것은 단순히 서버를 준비하지 않아도 정적인 페이지라면 공개할 수 있다는 것으로 채용했습니다.

PHP나 Node.js등 서버측의 기술을 사용할 수 없을지도 모릅니다만, Javascript로 꽤 제대로 한 것은 만들 수 있을 것 같습니다.

또한 디자인에는 여기 템플릿을 사용하겠습니다. 이것으로 제대로 된 웹 사이트의 디자인처럼 보일 수 있기 때문에 꽤 추천합니다.

Bootstrap을 기반으로 페이지 디자인을 만들 수 있습니다. 물론 무료입니다.

htps //w w. f 여아. 코m/



이번에는 이 2종류를 이용하여 쉽게 포트폴리오 사이트를 만들고 싶습니다.

Froala에서 HTML 생성

먼저 아래 링크에서 플로라 페이지 생성 화면으로 전환합시다.

htps //w w. f 여아. 코 m / 데시 g-b ぉ cks / ぇ b 펑 - l r



위와 같은 화면이 나오고 헤더나 컨텐츠, 꼬리말 등의 파트를 자유롭게 조합해 간단하게 web 사이트의 디자인을 작성할 수 있습니다.

부품의 종류도 풍부하고 매우 사용하기 쉬운 사양으로되어 있습니다. 이제 자유롭게 포트폴리오의 디자인을 넣어 갑시다.

마지막으로 오른쪽 하단의 Download 버튼을 눌러 HTML을 생성합니다.

다른 사이트에서는 회원 등록을 하지 않으면 사용할 수 없는 것 같은 것이 쓰여졌습니다만, 제 경우에는 특히 아무것도 하지 않아도 다운로드 할 수 버렸습니다. 친절하다.

Github에서 페이지 게시

이제 Github Pages를 사용하여 포트폴리오를 게시해 봅시다.

서두에서도 소개했습니다만 Github는 무료로 사용할 수 있어 서버 필요없이 페이지를 공개할 수 있습니다.

한층 더 Git를 사용할 수 있는 것도 어필할 수 있으므로 일석 이조입니다.

그러면 조속히 사용법을 소개해 갑니다.

먼저 평소와 같이 Github에 리포지토리를 만듭니다.

프로젝트 상단에 index.html 파일을 놓습니다.


마지막으로 페이지 공개 설정을 합니다.

위의 Github 리포지토리 화면 오른쪽 상단에 있는 설정 버튼을 클릭합니다.

그러면 아래쪽에 Github pages의 설정 항목이 있으므로 None을 master 브랜치로 전환합니다.



이것만으로 완료됩니다. 후에는 save를 누르면 공개됩니다.

이제 공개되었습니다. 확인할 수 있었습니까?

이것으로 포트폴리오 공개가 완료됩니다.

요약

어땠습니까?

이제 쉽게 페이지를 게시할 수 있습니다. 아직 포트폴리오를 만든 적이 없다는 분도 만들어 두고 손해는 없습니다.

라고 할까 만들지 않으면 전혀 능력이 없어요라고 어필하고 있는 것과 같은 생각이 들었습니다.

거기에 세세한 디자인이나 움직임을 너무 요구하고 시간을 너무 많이 걸리는 것도 좋지 않습니다. 우선은 최소한 할 수 있는 것만 써 공개해 봅시다.