검색
검색
공개 노트 검색
회원가입로그인

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법

page thumbnail

이미지 삽입 및 조절 실습

이미지 삽입

Obsidian에서는 '!' 기호를 사용하여 로컬 또는 온라인 이미지를 쉽게 삽입할 수 있습니다.

  • 로컬 이미지 삽입: ![[이미지파일명.확장자]]

  • 온라인 이미지 삽입: ![이미지 설명](이미지URL)

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 1

이미지 크기 조절 및 캡션 추가

Obsidian에서는 ![[이미지 파일명|크기]] 형식으로 이미지 크기를 조절할 수 있습니다. HTML 태그를 사용하여 이미지에 캡션을 추가할 수도 있습니다:

<figure>
    <img src="이미지URL" width="500px" alt="이미지 설명">
    <figcaption>이미지 캡션</figcaption>
</figure>

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 2

<figure>
    <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FtNkMx%2FbtsFLpEZkSx%2Fhb63m0mxtTQCzYeE2O25Wk%2Fimg.png" width="500px" alt="손오공">
    <figcaption>손오공</figcaption>
</figure>

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 3

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 4

(width = "100px" 으로 바꾸었다)

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 5

(이미지 크기가 5분의 1로 줄었다)

링크 추가 실습

외부 링크 추가

외부 웹사이트나 자료에 연결하려면 [링크 텍스트](링크 주소) 형식을 사용합니다. 예를 들어, 구글 홈페이지에 연결하고 싶다면 다음과 같이 작성합니다:

[Google](https://www.google.com)

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 6

(오른쪽 끝 화살표를 누르면 해당 주소의 웹 페이지로 이동한다)

내부 링크 추가

Obsidian 내의 다른 노트로 연결하고 싶을 때는 내부 링크 기능을 활용할 수 있습니다. [노트이름] 또는 [[노트이름]] 형식으로 내부 링크를 추가합니다. 이 방법을 통해 노트 간의 연결을 쉽게 만들 수 있습니다. 예시:

[[My Second Note]]

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 7

("[[" 만 입력해도 내부 문서의 이름이 펼쳐진다. 클릭하여 선택하거나 노트의 이름을 입력해서 선택한다)

[옵시디언 사용법] (atomic note) 2. 이미지/ 링크 삽입 방법 image 8

(색이 바뀐 링크를 누르면 해당 노트가 열린다.)

이 지침을 따르면 Obsidian을 사용하여 노트에 시각적 요소를 추가하고, 노트 간 연결을 통해 풍부하고 상호 연결된 지식 데이터베이스를 구축할 수 있습니다. Obsidian의 다양한 기능을 활용하여 노트테이킹과 지식 관리를 더욱 효과적으로 수행해 보세요.

5. 정리

  • 마크다운 문법을 활용한 효율적인 노트 작성 팁

  • 일관된 노트 작성 스타일의 중요성

  • 다음 강의 예고 및 과제 안내

Obsidian Logo

공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
조회수 : 5282
heart
T
페이지 기반 대답
AI Chat