Linux/Ubuntu 18.04.6 LTS

ubuntu : vscode - markdown 문서에 이미지 삽입, 캡쳐 삽입

Soom_1n 2022. 3. 1. 23:14

우분투에서 vscode 를 사용할 때 md 문서에 이미지를 삽입하는 방법을 알아보자

xclip 과 Paste Image 를 설치해서 사용한다

  1. xclip 설치
  2. Paste Image 설치
  3. 사용

 

1. xclip 을 설치한다

$ sudo apt-get install -y xclip
  • xclip 은 리눅스의 GUI 환경과 CLI 환경의 클립보드를 공유시켜 줍니다.
  • 마크 다운 문서에 이미지를 붙여넣기 할 때 필요합니다.

 

2. Paste Image

  • vscode 내에서 검색을 통해 설치합니다.

 

3. 사용

  • 단축키
    • <Shift+PrtSc> : 마우스가 십자로 변함. 드래그 한 영역만큼 캡쳐되서 이미지 디렉터리에 저장됨.
    • <Ctrl+Shift+PrtSc> : 위와 거의 같지만, 이미지는 클립보드에 임시저장됨. 붙여넣기가능. 가장 많이 씀.
    • <Alt+PrtSc> : 활성창이 캡쳐됨. 이미지 디렉터리에 저장됨.
    • <Ctrl+Alt+PrtSc> : 활성창이 캡쳐됨. 클립보드에 임시저장됨.
    • [ Ctrl 과 함께 사용하면 클립보드다. ]
    • <Ctrl+Alt+V> : vscode md 문서에 붙여넣기

 

md 파일에 붙여넣으면 사진처럼 ![](이미지명) 처럼 코드에 합쳐지고, 미리보기로 보면 이미지가 잘 보인다.

 

클립보드에서 붙여넣기를 해도 이미지 파일이 자동으로 저장되어진다.

이미지 디렉터리에서 드래그해서 갖고 와도 똑같이 저장된다.

단, 드래그로 갖고 온 이미지는 ![]( 까지 쳐서 이미지를 골라야 한다. (아니면 소괄호 안에 .이나 / 를 치면 된다)

Reference

xclip

Paste Image

 
728x90