markdown을 쓸 때 그림을 삽입하는 간편한 방법

markdown을 쓸 때 그림을 삽입하는 간편한 방법
markdown에 그림을 삽입하는 것은 매우 번거로운 일이다. 작성된 markdown 파일이 사이트에 발표될 때도 있다.사진을markdown 파일에 간편하게 삽입하고 미리보기에서 즉시 표시하며 사이트에 복사하여 발표할 때도 정상적으로 표시하는 효과를 얻기 위해 클립보드 안의 사진을markdown 파일에 원클릭으로 삽입할 수 있는 방법을 생각해 냈다.
구체적인 방법은 VScode의 Paste Image 플러그인을 사용하고 플러그인 관련 매개 변수를 다음과 같이 설정하는 것입니다.

"pasteImage.path": "${currentFileDir}/${currentFileNameWithoutExt}",
"pasteImage.insertPattern": "${imageSyntaxPrefix}${imageFilePath}${imageSyntaxSuffix}{% asset_img ${imageFileName} %}"

사용 시 삽입할 그림 내용을 클립보드에 복사한 다음 Paste Image 플러그인이나 단축키shift+ctrl+v를 사용하여 그림을 삽입합니다. 이렇게 설정하고 조작하면 파일이 있는 디렉터리에 *가 만들어집니다.md 파일의 동명 디렉터리와 클립보드 안의 파일을 이 디렉터리에 저장하고markdown 방식의 이미지 링크와hexo가 인정한 이미지 링크를 동시에 인용하여 로컬 미리보기와 사이트 디렉터리로 복사한 후에 도형을 정상적으로 표시할 수 있도록 한다.
이 방법은 Hexo를 설정해야 합니다. assert-folder를true로 설정하고, 그림은 _posts 디렉터리에 있는 파일과 같은 이름의 디렉터리에 저장합니다.파일을 복사하거나 동기화할 때 자동으로 생성된 그림과 디렉터리를 동기화합니다.사이트에 있는 사진은 Hexo 서비스를 다시 시작해야만 볼 수 있다.설정 방법은 Hexo 블로그의 간편한 유지보수 방법을 참조합니다.
{% asset_img 2018-09-29-insert_images_to_markdown_2018-09-29-14-15-16.png %}