Issues

[노션] 노션 포트폴리오에 이미지 링크 첨부하기

mlslly 2024. 4. 16. 11:52

설명

노션 포트폴리오 작성시,

특정 이미지를 클릭하면 원하는 링크로 이동되도록 하고 싶을 때가 있을 것이다. 

 

그럴때는 따로 링크가 포함된 이미지 임베딩 링크를 만들어주어야 하는데, 아래 사이트에서 만들 수 있다.

 

https://www.notion-tools.com/embeds/imglink

 

이미지링크 블록

<!-- Created By NTBot (sidebar) - 2021-05-27 13:44:07.514733 --> <style>.notion-page-content>.notion-column_list-block>div:first-child>div:nth-child(1) {width: calc(100% - 46px - 300px) !important;}.notion-page-content>.notion-column_list-block>div:first-c

www.notion-tools.com

 

 

링크로 들어가면 위 화면이 나오는데. 필요한건 두 가지다.

1. 이미지 링크 

2. 이동할 링크 

 

두 링크를 넣고 '링크 생성하기'를 클릭하면, 맨 아래 줄에 임베드 링크가 생성되고, 복사해서 사용하면 된다.


예시

 

내 경우 노션의 상세페이지로 이동하는 용으로 페이지 커버 이미지를 활용하고 싶었어서, 이 경우를 예시로 설명하겠다.

 

1. 이미지 링크 생성  : (커버 이미지 링크)

 

커버 이미지 위에 커서 두고 우클릭 -> '이미지 주소 복사' 클릭

하면 커버 이미지 링크 복사 완료

 

2. 이동할 링크 생성 : (상세페이지 링크)

 

나는 포트폴리오를 링크가 있는 사람에게 모두 공개 하고 싶고,

포트폴리오 내에 이미지를 눌러 이동하게 되는 상세페이지(==하위페이지) 또한 모두가 볼 수 있게 하고 싶다.

 

이런 경우 공유시에 웹으로 개시해야 한다.

(그냥 공유 설정시 워크 스페이스 내에 있는 사람에게만 권한이 주어짐) 

 

상세페이지의 우측 상단에 있는 '공유'를 클릭하고, 공유가 아닌 '게시'를 클릭하면 웹에 게시 가능.

 

위 화면에서 링크 부분을 복사하면된다.

 

3. 이미지 링크 블록에 1, 2 링크 넣기 

 

맨 윗줄에 이미지 링크, 두번째 줄에 상세페이지 링크를 넣으면

자동으로 맨 아랫줄에 이미지 링크가 생성된다. 복사해서 원하는 곳에 붙여넣으면 된다.

 

 

4. 완성!

이 이미지를 클릭하면 아래의 프로젝트 상세페이지로 넘어간다.