Hugo로 개인 블로그 만드는 법-9.사진 크기 조정

목적

윈도우 에서 Hugo로 개인블로그를 만들고 github으로 호스팅하는 법

사용 툴 버전

• 설치 날짜 : 03-31-2021
• hugo version : hugo v0.82.0
• git version : git version 2.31.1.windows.1
• windows : 10
• windows terminal: v1.7.572.0
• Chocolatey : v0.10.15

목차

• 개념 설명
• 필요한 툴 설치
• 블로그 생성
• github에 업로드
• github action 추가
• ketax 추가
• 마크다운 테이블 추가
• 코드 블럭 버튼 추가
• 사진 크기 조정

사진 크기 조정

사용하다가 보니 사진이 너무 크게 나오는 것을 발견하엿습니다.
가볍게 사진 렌더링 코드를 추가해줍시다.

보통은 hugo기본 기능으로 사진을 홈페이지에 보여주므로 아래코드를 붙인다면 괜찮습니다만. 만약 안된다면 테마개발자가 에게 물어봐 주세요. 제가 사용한 blackburn은 단순하게 아래코드만 추가해주면 됩니다.

hugo 공식 사진 렌더링

Configure Markup

layouts/_default/_markup/render-image.html

<p class="md__image">
  <img src="{{ .Destination | safeURL }}" 
       style="max-width: 100%;" 
       alt="{{ .Text }}" {{ with .Title}} 
       title="{{ . }}"{{ end }} />
</p>

제 웹싸이트는 eunhanlee.github.io 이고, 제 github에 들어가 보시면 지금까지 한 내용 몇 파일들을 확인하실수 있습니다.

eunhanlee - Overview

Eunhan's library