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

우분투에서 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

• https://www.44bits.io/ko/post/connecting-terminal-and-gui-cliboard-in-linux-by-using-xclip

Paste Image

• https://uxgjs.tistory.com/187