웹 개발 경험이 없는 인프라 엔지니어가 Github에서 포트폴리오를 공개한 이야기

2020/06: 추가



현재는 GitHub Pages에서 GitLab Pages로 바람을 피우고 mkdocs라는 도구를 사용하여 자동 배포합니다.
자세한 것은 마음이 맞으면 해설 기사로 합니다・・・

TL:DR



아티팩트: h tps : // s 코카도. 기주 b. 이오/


  • 자체 제작 서버가 필요하지 않으며 자체 도메인도 필요하지 않습니다.
  • 웹 개발 지식 필요 없음. 이미 게시된 웹 템플릿을 사용. 선인에게 감사드립니다.
  • URL은 https://[Githubユーザ名].github.io/ 로 공개된다. 개인용이고 전혀 문제 없네!!
  • 템플릿 다운로드 후 3 단계로 원본 사이트가 완성됩니다.

  • 멋지지 않니?

    전제



    자신은 사회인 6 년째 인프라 엔지니어입니다.
    요즘에는 전직이 당연하고 앞으로 전직 할 전제에 직업을 생각할 필요가 있다고 생각합니다.
    단지, 지금의 회사에 입사해 조 2년 반. 직무 경력서나 스킬 세트의 재고를 전혀라고 해도 좋을 정도로 오지 않았습니다.
    좋은 기회이기 때문에 지금 바람에 웹에 스킬 시트를 게시하려고했습니다.

    Github Pages용 리포지토리 생성



    정중한 절차 페이지 Github이 공개합니다..
    빠른 이야기 [Github 사용자 이름] .github.io라는 리포지토리를 만듭니다.
    내 Github 계정은 'skokado'이므로 리포지토리 이름은 'skokado.github.io'입니다.


    웹페이지 게시



    이제 Github에서 저장소를 만드는 것만으로 전용 도메인에 웹 콘텐츠를 호스팅 할 수 있지만 인프라 엔지니어입니다.
    현대적인 UI를 멋지게 만들 수있는 프런트 엔드 엔지니어가 아니면 빨리 웹 앱을 만들 수있는 Ruby/PHP 엔지니어가 아닙니다.
    그러나 Github 페이지는 친절하게 웹 콘텐츠 템플릿 (Theme)으로 안내했습니다.
    htps : // 퍼지 s. 기주 b. 코 m/테메 s/


    거기까지 세밀하게 만들고 싶지는 않지만 이름에서 Minimal이 신경 쓰이기 때문에 이것을 선택했습니다.
    htps : // 기주 b. 코 m / Page s - Teme s / Minima l
    그 후에는 이것을 clone하고 편집 할 수 있습니다.

    1. _config.yml


    title: Minimal theme
    logo: /assets/img/logo.png
    description: Minimal is a theme for GitHub Pages.
    show_downloads: true
    google_analytics:
    theme: jekyll-theme-minimal
    
  • title:
    이름 그대로 페이지 제목 이름
  • logo:
  • description: 로고 이미지 아래의 설명문.
  • show_downloads: 로고 이미지 아래에, 콘텐츠를 ZIP 형식 등으로 다운로드하기 위한 버튼을 표시할지 여부. 다운로드하고 싶은 의미를 모르기 때문에 false로 했다.

    2. /아세 ts/이mg/ぉ고. jpg



    페이지 상단에 크게 표시되는 로고 이미지.
    변경 _config.yml과 함께 경로 및 파일 이름을 고려하십시오.

    3. 회원으로 x. MD



    페이지 오른쪽에 표시되는 내용 인 마크 다운 형식의 파일.
    여기가 주요 콘텐츠이므로 충실하게합시다.
    draw.io에서 작성한 블록 다이어그램을 붙여 넣는 것이 좋습니다.

    이상!!



    웹 개발을 할 수없는 사람들도 나름대로 보이는 웹 페이지를 만들 수 있다고 생각합니다.
    이것뿐입니다. 자작 서버도 필요 없다면 DNS에 대한 지식이 필요하지 않습니다.
    (github.io의 하위 도메인이지만) 자신의 도메인에서 페이지를 게시 할 수 있습니다.

    아니면 포트폴리오 페이지를 일부러 처음부터 만드는 노력은 아깝지 않습니다.
    Github 다양한.
  • 좋은 웹페이지 즐겨찾기