구문

이 줄을 Notion 페이지에 텍스트로 넣고 이미지 대체 및 이미지 소스를
당신을 위해 일할 것입니다. 내 말은 말 그대로 이것은 작동하지 않을 것입니다. 최소한 실제
이미지 출처. 👍

![image alt](image source)

코드 블록(위와 같은)을 만드는 방법을 알고 싶다면gatsby-source-notion-api Notion API는 여전히 이를 지원하지 않지만,
here's a rather dirty hack that will help you to do so .

가장 쉬운 방법 - 원격 이미지

이미지가 이미 온라인 어딘가에 있고 URL이 있는 경우
중괄호와 당신은 갈 수 있습니다.

하지만 이미지는 내 컴퓨터에 있습니다...

Gatsby에는 프로젝트의 루트 디렉터리에 만들 수 있는 static 폴더가 있습니다.
거기에서 무엇을 선언하든 공개적으로 사용할 수 있습니다. 이미지를 다음과 같이 참조하기만 하면 됩니다.
웹 사이트의 루트에서 사용할 수 있는 경우.

예를 들어, puppy.png라는 이미지가 있는 경우 파일 안에 ./static에 넣을 수 있습니다.
Gatsby 프로젝트를 표시한 다음 노션 페이지에서 다음과 같이 참조하세요.

![Never lie in the alt text, it's a puppy!](/puppy.png)

경고

이미지는 Markdown 파일에서 참조되지 않으며 이미지 경로가
상대 - 다음과 같은 것이 필요합니다
gatsby-remark-images-anywhere 그래서
파일 노드로 변환되고 모든 gatsby-image 마법이 제대로 작동합니다.