옵시디언 웹 클리퍼 템플릿: 바로 쓰는 예시 6가지

공식 Obsidian Web Clipper는 무료이고 오픈 소스이며, 웹 페이지를 볼트에 바로 저장합니다. 진짜 힘은 템플릿에서 나옵니다. 페이지 종류마다 템플릿을 하나씩 두면 트리거가 알맞은 템플릿을 자동으로 고르고, 각 템플릿이 노트 이름, 폴더, 속성, 본문을 정합니다.

문제는 빈 템플릿 편집기가 아무것도 알려 주지 않는다는 점입니다. 이 글은 오늘 바로 붙여넣어 쓸 수 있는 템플릿 여섯 개를 모은 갤러리입니다. 문법은 공식 문서와 클리퍼 소스 코드로 확인했습니다. 마지막에는 직접 템플릿을 만들 수 있도록 트리거, 변수, 필터를 정리했습니다.

템플릿의 구성

모든 템플릿은 같은 요소로 이루어집니다.

  • 노트 이름과 노트 위치 (예: Clippings/Videos)
  • 속성: YAML 프런트매터가 됩니다
  • 노트 내용: Markdown 본문입니다
  • 트리거: 템플릿을 자동으로 선택하는 URL 패턴이나 schema.org 타입입니다

네 필드 모두 {{title}}이나 {{url}} 같은 변수를 받고, 모든 변수는 {{published|date:"YYYY-MM-DD"}}처럼 필터를 거칠 수 있습니다. 어떤 페이지가 어떤 변수를 제공하는지 보려면 클리퍼를 열고 ... 아이콘을 누르세요. 현재 페이지의 변수가 목록으로 나옵니다.

템플릿은 .json 파일로 공유됩니다. 가져오려면 클리퍼 설정을 열고 아무 템플릿에 들어가 Import를 누르세요(파일을 끌어다 놓아도 됩니다). GitHub에 있는 Kepano의 clipper-templates 저장소에는 같은 형식의 예시가 열 개 넘게 더 있습니다.

1. 자막이 포함된 YouTube 동영상

형식을 한 번 볼 수 있도록 가져오기용 JSON 전체를 실었습니다. youtube.json으로 저장한 뒤 가져오면 됩니다.

{
  "schemaVersion": "0.1.0",
  "name": "YouTube",
  "behavior": "create",
  "noteNameFormat": "{{title|safe_name}}",
  "path": "Clippings/Videos",
  "noteContentFormat": "![{{title}}]({{url}})\n\n{% if transcript %}## Transcript\n\n{{transcript}}{% else %}No transcript available.{% endif %}",
  "properties": [
    { "name": "title", "value": "{{schema:name}}", "type": "text" },
    { "name": "channel", "value": "{{schema:author|wikilink}}", "type": "multitext" },
    { "name": "published", "value": "{{schema:uploadDate|date:YYYY-MM-DD}}", "type": "date" },
    { "name": "duration", "value": "{{schema:duration|duration}}", "type": "text" },
    { "name": "source", "value": "{{url}}", "type": "text" },
    { "name": "tags", "value": "videos", "type": "multitext" }
  ],
  "triggers": ["https://www.youtube.com/watch?v="]
}

알아 두면 좋은 점이 두 가지 있습니다. ![...]({{url}}) 줄은 노트 안에 플레이어를 삽입합니다. 그리고 {{transcript}}는 문서의 변수 표에 없습니다. 클리퍼 내부의 파서인 Defuddle의 YouTube 추출기에서 나오는 변수로, 동영상에 자막이 있을 때만 존재합니다. 그래서 템플릿이 이 변수를 {% if %}로 감싸고 있습니다. 1만 단어짜리 자막보다 요약을 남기고 싶다면 Interpreter를 켜고 {{"a five bullet summary of the video"}} 같은 프롬프트 변수로 바꾸세요.

2. X(Twitter) 스레드

최신 버전의 클리퍼는 X 게시물을 인식해서 스레드를 {{content}}에 담아 줍니다. 그래서 이 템플릿은 주로 이름 짓기와 트리거 설정이 전부입니다.

트리거(정규식이라서 타임라인이 아니라 개별 게시물에서만 작동합니다):

/^https:\/\/(x|twitter)\.com\/[^\/]+\/status\/\d+/

노트 내용:

{{content}}

Source: [{{author}}]({{url}})

쓸 만한 속성: author = {{author|wikilink}}, source = {{url}}, created = {{date|date:"YYYY-MM-DD"}}, tags = threads.

3. 레시피

레시피 사이트는 schema.org 데이터를 공개하기 때문에, 여섯 개 중 가장 깔끔한 템플릿입니다. CSS 선택자가 필요 없고 거의 모든 레시피 사이트에서 작동합니다.

트리거:

schema:@Recipe

노트 내용:

![{{title}}]({{image}})

{{description}}

## Ingredients

{{schema:@Recipe:recipeIngredient|list:task}}

## Steps

{{schema:@Recipe:recipeInstructions[*].text|list:numbered}}

속성: cuisine = {{schema:@Recipe:recipeCuisine}}, total_time = {{schema:@Recipe:totalTime|duration}}, source = {{url}}. 재료는 요리하면서 하나씩 체크할 수 있는 체크리스트가 됩니다. 조리 단계를 섹션별로 묶어 두는 사이트도 있는데, 이 경우 recipeInstructions[*].text가 비어 있을 수 있으니 경로를 조정해야 합니다.

4. ChatGPT 또는 Claude 대화

클리퍼의 파서에는 chatgpt.com과 claude.ai용 추출기가 있어서, 최신 버전에서는 {{content}}에 대화 내용이 담깁니다. 예전 가이드에서는 ChatGPT용으로 긴 selectorHtml 체인을 쓰지만, 이제는 필요 없습니다.

트리거(한 줄에 하나씩):

https://chatgpt.com/c/
https://chatgpt.com/share/
https://claude.ai/chat/

노트 내용:

{{content}}

속성: title = {{title}}, source = {{url}}, created = {{date|date:"YYYY-MM-DD"}}, tags = ai/conversation. 대화를 어디서든 쓸 수 있게 보관하는 방법은 ChatGPT 대화를 Markdown으로 저장하기에서 더 자세히 다룹니다.

5. 위키백과 문서

위키백과를 일반적인 방식으로 추출하면 내비게이션 상자와 하단 영역까지 딸려 옵니다. 이 템플릿은 문서 본문만 정확히 겨냥하고 잡음을 걷어 냅니다.

트리거:

/^https:\/\/[a-z-.]+\.wikipedia\.org\/wiki\/.*$/

노트 내용:

{{selectorHtml:#mw-content-text|remove_html:(".navbox,.printfooter,.side-box,.mw-editsection")|markdown}}

속성: title = {{title}}, author = [[Wikipedia]], source = {{url}}, tags = wikipedia. 일반 블로그 글이나 뉴스는 목록 맨 위에 둔 단순한 {{content}} 템플릿이 기본값 역할을 하면 충분합니다.

6. 학술 논문(arXiv)

arXiv 초록 페이지는 citation_* 메타 태그를 제공하므로, 추측 없이 깔끔한 메타데이터를 얻을 수 있습니다.

트리거:

https://arxiv.org/abs/

노트 내용:

## Abstract

{{selector:blockquote.abstract|replace:"Abstract\:":""|trim}}

## Key contributions

{{"three key contributions of this paper, as a bullet list"}}

속성: title = {{meta:name:citation_title}}, authors = {{selector:.authors a|wikilink|join}}, published = {{meta:name:citation_date|date:("YYYY-MM-DD", "YYYY/MM/DD")}}, pdf = {{meta:name:citation_pdf_url}}. “Key contributions” 줄은 프롬프트 변수입니다. Interpreter를 켜고 모델(API 키나 Ollama 로컬 모델)을 연결해야 작동합니다. Interpreter를 쓰지 않는다면 이 줄은 지우세요.

템플릿 트리거 정리

트리거는 세 종류이고, 한 줄에 규칙 하나씩 씁니다.

종류예시일치 대상
단순https://www.youtube.com/watch?v=이 텍스트로 시작하는 모든 URL
정규식/^https:\/\/arxiv\.org\/abs\//패턴과 일치하는 URL (.과 /는 이스케이프)
스키마schema:@Recipeschema.org 타입이 Recipe인 페이지

스키마 트리거는 필드(schema:@Recipe.name)나 값(schema:@Recipe.name=Cookie)으로도 검사할 수 있습니다.

순서가 중요합니다. 목록에서 가장 먼저 일치하는 템플릿이 선택되고, 아무것도 일치하지 않는 페이지에는 첫 번째 템플릿이 쓰입니다. 일반 문서용 템플릿을 맨 위로 끌어 올려 기본값으로 삼으세요.

변수와 필터 치트 시트

변수는 다섯 종류입니다.

  • 프리셋: {{title}}, {{url}}, {{author}}, {{published}}, {{content}}, {{highlights}}, {{date}}
  • 프롬프트 (Interpreter): {{"a summary of the page"}}
  • 메타: {{meta:name:description}}, {{meta:property:og:title}}
  • 선택자: {{selector:h1}}, {{selectorHtml:#main|markdown}}
  • Schema.org: {{schema:@Recipe:recipeIngredient}}, {{schema:author.name}}

가장 자주 쓰게 될 필터: date, duration, wikilink, list (task 또는 numbered와 함께), join, replace, safe_name, markdown, remove_html, blockquote, callout. 데이터가 없을 때는 템플릿 로직({% if %}, {% for %}, {% set %}, 그리고 ?? 대체값)으로 처리합니다.

템플릿 관리가 번거롭다면

템플릿에는 문서에 나오지 않는 비용이 하나 있습니다. 바로 유지 보수입니다. 사이트는 마크업을 바꾸고, 선택자는 소리 없이 깨지며, 몇 주 뒤 텅 빈 노트를 보고서야 알아차리게 됩니다. 수십 개 사이트에서 클리핑한다면 결국 작은 코드베이스 하나를 관리하는 셈입니다.

Minibase는 다른 길을 택합니다. 사이트마다 템플릿을 만드는 대신 수백 개 사이트(X 스레드, Reddit, GitHub, ChatGPT와 Claude 대화, 문서 페이지)에 맞춘 처리를 기본으로 갖추고 있어, 설정 없이도 프런트매터가 포함된 깔끔한 Markdown을 돌려줍니다. .md 파일은 Minibase Vault 폴더에 저장되고, 이 폴더를 Obsidian에 연결하면 다른 노트와 똑같이 볼트에 나타납니다.

무료 플랜은 계정 없이 한 달에 20번 저장할 수 있습니다. Minibase+(월 $5.99 또는 연 $34.99)는 20개 이상의 AI 템플릿(Obsidian, Academic, Recipe, Cornell notes, Flashcards 등)과 YouTube, Reels, TikTok 동영상 자막 변환을 더해 줍니다. YouTube 자막이 어떻게 작동하는지도 확인해 보세요.

Obsidian에 공정하게 말하자면, 몇 안 되는 사이트에서만 클리핑하고 노트를 다듬는 걸 즐긴다면 위 템플릿을 쓴 공식 클리퍼는 훌륭하고 비용도 들지 않습니다. CSS 선택자를 디버깅하고 싶지 않다면 Minibase가 손이 덜 가는 선택지이고, 둘을 함께 쓰지 못할 이유도 없습니다. 두 도구는 Obsidian Web Clipper vs Minibase에서 나란히 비교했습니다.

자주 묻는 질문

Obsidian Web Clipper 템플릿을 더 찾으려면 어디로 가야 하나요? GitHub에 있는 Kepano의 clipper-templates 저장소에 YouTube, 위키백과, 레시피, IMDb, Goodreads, arXiv 등의 템플릿이 있습니다. Obsidian 포럼과 Discord에도 커뮤니티 템플릿이 많습니다.

Web Clipper로 YouTube 자막을 저장할 수 있나요? 네, 동영상에 자막이 있다면 가능합니다. 최신 버전은 YouTube 페이지에서 {{transcript}} 변수를 제공합니다. 자막이 없는 동영상은 가져올 자막 자체가 없습니다.

템플릿이 작동하지 않는 이유는 무엇인가요? 대개 순서 문제입니다. 목록에서 더 위에 있는 다른 템플릿이 먼저 일치한 경우죠. 단순 트리거가 URL의 시작 부분과 정확히 일치하는지도 확인하세요(https://www.과 https://의 차이).

프롬프트 변수를 쓰면 비용이 드나요? Interpreter에 설정한 모델로 실행됩니다. 클라우드 제공업체는 여러분의 API 키로 요금을 청구하고, Ollama를 통한 로컬 모델은 무료입니다.

Continue reading

더 스마트하게 저장할 준비가 되셨나요?

클릭 한 번으로 모든 웹페이지를 Markdown으로 변환하세요.

Chrome에 추가