draw.io로 다이어그램을 그린다음, 깃허브나 마크다운 등으로 이미지를 이미 공유했는데,
꼭 다이어그램을 수정할 일이 생긴다. 그럴때 마다 다시 이미지로 다운받아서 수정하기 귀찮다.
이것을 한번에 적용할 수 있는 방법이 있다.
draw.io 에서 구글 드라이브로 내보내기
상단에 [파일] -> [내보내기] -> [PNG] 를 선택한다.
내보내기를 누른 후, [Where] 에서 Google 드라이브를 선택하고 저장한다.
이미지 파일 링크 따기
구글 드라이브로 이동 후 방금 공유한 파일을 찾는다.
[일반 엑세스]를 [링크가 있는 모든 사용자] 로 바꾸고, 링크를 복사한다.
링크에서 파일 고유키를 가져온다.
https://drive.google.com/file/d/1dyQl5DYdwa1gapDd3C51iSa2HAisS4Wtc/view?usp=sharing
이런 링크 형식에서, 1dyQl5DYdwa1gapDd3C51iSa2HAisS4Wtc 부분만 따면 된다.
이미지 다운로드 링크 만들기
링크를 생성한다.
https://drive.google.com/uc?export=download&id=
이 링크 뒤에 저 고유키를 붙힌다.
결과:
https://drive.google.com/uc?export=download&id=1dyQl5DYdwa1gapDd3C51iSa2HAisS4Wtc
html 태그로 만들기
<img src=""/>
이 태그에서 "" 안에 만든 링크를 넣어준다.
결과:
<img src="https://drive.google.com/uc?export=download&id=1dyQl5DYdwa1gapDd3C51iSa2HAisS4Wtc"/>
이 결과를 마크다운에 붙혀넣으면 이미지가 나타나고, 이제 draw.io에서 내용을 수정하고 저장하면 이미지 수정 결과가 동기화된다.
