[개인기록/정보]소스코드를 이미지로 내보내는 법

https://carbon.now.sh/

Carbon | Create and share beautiful images of your source code

 

이 사이트를 이용하거나 vscode를 사용하고 있다면 

Polacode라는 확장 프로그램을 깔면 된다 

 

 

 

이 글에서는 carbon을 이용하는 방법을 정리하였다

 

github 계정으로 sign up을 하면 아래의 화면이 보이는데, 

Seti라고 써있는 부분은 배경색을 고를 수 있고 톱니바퀴를 누르면 프리셋을 지원한다 

JavaScript 부분에서는 코드를 고를 수 있는데 일일이 변경하기 귀찮다면 auto를 추천한다

 

기본 화면

 

 

• background 컬러를 컬러피커로 지정하거나 이미지로 지정할 수 있다

 

뒷 배경색 변경

 

 

• 기본설정대로 출력한 모습이다

 

 

 

만약 뒷 배경 없이 출력하고 싶은 경우에는 톱니바퀴를 누르고 

 

기본 설정

 

 

아래처럼 Padding을 조정하면 배경이 사라진다 

Window controls를 체크 해제하면 상단의 표시를 없앨 수 있다

 

바꾼 설정

 

 

Editor 부분에서 Line height로 컬럼 간격을 조절할 수 있고

폰트를 지정과 사이즈 조절도 가능하다 원하는대로 커스텀한 후 파일 이름을 지정하여 다운로드하고 올리면된다 

 

파일 이름 입력하는 부분

 

 

 

설정이 적용된 소스코드 이미지 

 

 

 

적용한 개인설정 

 

 

 

 

++ 번외

사실 티스토리에서는 코드 블럭을 지원하기 때문에 이 기능이 필요 없긴 하다 

하지만 다른곳에서 필요할 수 있으니 기록하였다