옵시디언(Obsidian) 플러그인 - 어디서나 웹 스크래핑 하기 Omnivore

Omnivore 소개

 

Omnivore는 포스트를 작성하는 현재까지 무료로 운영되고 있는 스크래핑 서비스입니다. 크롬,엣지 브라우저에서 사용할 수 있는 확장 프로그램을 제공하고 모바일 앱도 제공하여 어떤 환경에서든 내가 원하는 웹사이트를 스크랩해서 남길 수 있습니다.

옵시디언 플러그인에는 이 Omnivore와 연동되는 플러그인이 있습니다. Omnivore로 스크랩한 웹사이트를 옵시디언 노트로 만들어 저장해둘 수 있습니다.

옵시디언의 장점은 기록된 노트들을 적재적소에 연결하여 새로운 아이디어로 만들어내는데 있는데요. 이런 스크랩 기능들을 이용해서 유용한 글들을 모았다가 사용하기 좋은 플러그인 입니다.

 

Omnivore 사용 예시

 

먼저 크롬 브라우저에서 사용 예시를 보여드리겠습니다. 뉴스 기사를 읽다가 스크랩 하려는 경우 브라우저의 오른쪽 상단의 Omnivore 확장 프로그램 아이콘을 클릭합니다.

 

 

아이콘을 클릭하면 아래와 같이 스크랩중을 알려주는 메뉴 바(bar)가 나타납니다. 정상적으로 저장된 경우 아래와 같이 표시됩니다.

 

 

스크랩이 잘 되었는지 확인하려면 Omnivore 아이콘에서 마우스 오른쪽 버튼을 클릭하여 'Omnivore' 사이트로 이동합니다.

 

그러면 아래와 같이 스크랩했던 내용이 잘 저장된 것을 확인할 수 있습니다.

 

옵시디언에 Omnivore가 설치되어 있다면 이렇게 저장된 페이지는 아래와 같이 동기화 되어 노트로 생성됩니다.

 

 

Omnivore 플러그인 설치

 

Community Plugins의 Browse 메뉴에서 아래와 같이 omnivore를 검색하여 설치 후 활성화 합니다.

 

 

Omnivore 플러그인 설정

 

저장한 웹사이트를 옵시디언과 동기화 하기 위해서는 아래와 같은 설정들을 해주어야 합니다.

 

1. API Key

Omnivore 서비스와 연동하기 위해서는 API Key를 발급 받아야 합니다. 아래 하이라이트된 링크로 접속하면 API Key를 발급할 수 있습니다. 발급 받은 Key를 플러그인 설정에 입력해주면 됩니다.

 

2. Folder

스크랩된 데이터를 동기화하여 저장할 폴더를 지정합니다. 필자는 '4.스크랩'에 저장할 수 있도록 설정했습니다.

 

3. Attachment Folder

Omnivore는 웹사이트에 포함된 이미지도 스크랩하여 저장하기 때문에 첨부된 이미지도 저장하기 위한 위치를 설정할 수 있습니다. 필자는 'z.Files/스크랩' 위치에 저장하도록 설정했습니다.

 

다음은 스크랩된 데이터를 배치하는 템플릿 설정입니다. 스크랩된 내용 모두를 포함시켜서 동기화 할 수도 있고 원하는 것만 동기화할 수도 있습니다.

 

저는 모든 내용이 저장될 수 있도록 설정했는데 설정된 내용은 아래와 같습니다.

 

# {{{title}}}
#Omnivore

[Read on Omnivore]({{{omnivoreUrl}}})
[Read Original]({{{originalUrl}}})

{{#highlights.length}}
## Highlights

{{#highlights}}
> {{{text}}} [⤴️]({{{highlightUrl}}}) {{#labels}} #{{name}} {{/labels}} ^{{{highlightID}}}
{{#note}}

{{{note}}}
{{/note}}

{{/highlights}}
{{/highlights.length}}

# {{{title}}}

{{{content}}}

{{#fileAttachment}}
---

![[{{{fileAttachment}}}]]
{{/fileAttachment}}

 

템플릿 설정 관련한 자세한 설명은 다음 링크에서 확인하실 수 있습니다. https://docs.omnivore.app/integrations/obsidian.html#controlling-the-layout-of-the-data-imported-to-obsidian