[18] 옵시디언 웹 클리퍼 북마클릿
알림
|
페이지 정보
작성일
2024.05.04 07:09
본문
소개
- 옵시디언 웹 클리퍼 북마클릿에 대한 소개글입니다.
- 북마클릿(bookmarklet)은 웹 브라우저의 북마크에 JavaScript 코드를 저장하여 실행할 수 있게 하는 기능입니다.
- 이미지, 제목, 코드 블록 등에 대한 마크다운 포맷을 완벽하게 지원합니다.
출처
- [Obsidian Web Clipper Bookmarklet with full Markdown support for images, headings, and code blocks - Share & showcase - Obsidian Forum](https://forum.obsidian.md/t/obsidian-web-clipper-bookmarklet-with-full-markdown-support-for-images-headings-and-code-blocks/22068)
설치
- 다음 유튜브 영상을 참고하여 설치를 하면 됩니다.
![](https://img.youtube.com/vi/Vy1MdjickAI/maxresdefault.jpg "Obsidian Web Clipper: How to capture web pages in one click with this bookmarklet") - 크롬이나 엣지 브라우저에서 확장 프로그램을 설치하는 방법에 대해 알아보겠습니다.
- 다음 링크를 클릭합니다.
- [Web Clipper bookmarklet 7.0k](https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3)
Raw를 클릭합니다.
전체 선택을 한 후, 복사합니다.
- 다음 링크를 클릭합니다.
- [Convert bookmarklet to Chrome extension](https://sandbox.self.li/bookmarklet-to-extension/)
확장 프로그램의 이름을 'obsidian-web-clipper'로 적고, 하단의 빈 칸에 복사한 자바스크립트를 붙여넣기 합니다. 그 후 'Generate extension' 버튼을 클릭해 줍니다.
Edge 기준으로 설명드리면, 주소창에 'edge://extensions'을 입력합니다. 크롬은 'chrome://extensions'을 입력합니다. 좌측 하단의 Developer mode를 활성화합니다. 우측 상단의 Load unpacked를 클릭합니다.
압축을 푼 확장 프로그램 폴더를 선택해 줍니다.
성공적으로 옵시디언 웹 클리퍼 확장 프로그램이 설치가 되었습니다.
사용 방법
원하는 웹 페이지에서 옵시디언 웹 클리퍼 확장 프로그램을 클릭합니다. 사이트에 따라서 위와 같이 메타데이터가 제대로 표시가 안되는 경우도 있습니다.
비교적 복잡한 웹 페이지도 메타데이터가 잘 정리되었습니다. 확장 프로그램을 실행하게 되면 'Clippings'라는 폴더가 생성되며, 이 폴더에 노트가 저장되게 됩니다.
같은 내용에 대해서 다음 참고 글을 살펴보면 좋습니다.
댓글 13
shunnna님의 댓글의 댓글
@gaguri님에게 답글
칭찬 감사합니다. 워낙 자기계발이나 개인 지식 관리(PKM) 쪽에 관심이 많아서 공부겸 자료를 접할때마다 정리해서 공유하고 있습니다. 커뮤니티는 다모앙 말고는 가질 않는데, 이렇게 옵시디안당이 생겨서 조금이나마 기여를 할 수 있어서 보람이 있네요.ㅎ
shunnna님의 댓글의 댓글
@쭌찬이네님에게 답글
감사합니다. 가능하면 하루에 하나씩 PKM에 관련된 글을 올리려고 노력하고 있습니다.
행복부자님의 댓글
먼저, 수고에 감사드립니다. 찾던 플러그인이라서 너무 반가웠습니다.
그런데 ... 크롬에 확장자 등록 시키고 > 활성화 > 크롬 상단에 확장 아이콘도 정상적으로 보이는데
원하는 클리핑 웹 페이지에서 아이콘을 눌러도 반응이 없네요 ...
그래서 ... 소스코드를 열어서 보니(json은 전혀 모릅니다.) 에러 코드가 하나 나오기는 하는데
어떻게 수정을 해야 할지를 모르겠네요.
옵시디언을 껐다 가시 켜도 반응이 없네요.
클리핑 메뉴도 뜨지 않았습니다.
혹시 .. 어떤 문제인지 알 수 있을까요?
다른 분들은 저 같은 증상 없을까요?
그런데 ... 크롬에 확장자 등록 시키고 > 활성화 > 크롬 상단에 확장 아이콘도 정상적으로 보이는데
원하는 클리핑 웹 페이지에서 아이콘을 눌러도 반응이 없네요 ...
그래서 ... 소스코드를 열어서 보니(json은 전혀 모릅니다.) 에러 코드가 하나 나오기는 하는데
어떻게 수정을 해야 할지를 모르겠네요.
옵시디언을 껐다 가시 켜도 반응이 없네요.
클리핑 메뉴도 뜨지 않았습니다.
혹시 .. 어떤 문제인지 알 수 있을까요?
다른 분들은 저 같은 증상 없을까요?
shunnna님의 댓글의 댓글
@행복부자님에게 답글
이 플러그인이 모든 사이트에서 작동하는건 아닙니다. 혹시 여러 사이트에서 테스트해보셨는지요? 모든 웹 페이지에서 같은 증상이라면, 무언가 문제가 있어보입니다. 저는 작동을 안하는 웹 페이지가 있으면, 내용을 드래그한 상태에서 확장프로그램 클릭, 이마저도 안먹히면 포기합니다. ㅎㅎ 크롬 브라우저 리로딩을 해본 후 다시 시도 등의 방법이 있을 것 같네요. 참고로 이 확장 플러그인 만든 분이 지금 옵시디언 CEO입니다.
행복부자님의 댓글의 댓글
@shunnna님에게 답글
WOW 플러그인 제작자가 .. 옵시디언 대표군요 ^^ 좋은 정보 팁 하나 알게 됩니다. 감사합니다.
깃허브에 직접 에러 코드 및 에러 메세지 캡쳐해서 올려 보려고 합니다. ㅎㅎ
답변이 나오거나 뭔가 개선이 이루어지기를 기대해 보면서.
한번 일단 엣지에서도 해 봐야 겠군요.
깃허브에 직접 에러 코드 및 에러 메세지 캡쳐해서 올려 보려고 합니다. ㅎㅎ
답변이 나오거나 뭔가 개선이 이루어지기를 기대해 보면서.
한번 일단 엣지에서도 해 봐야 겠군요.
shunnna님의 댓글의 댓글
@행복부자님에게 답글
원래는 커뮤니티에 공헌을 많이한 서포터 중 한 명이었는데, 창업자 2명이 좀 더 옵시디언 개발에 집중한다고 했답니다. 저도 포럼에서 얼핏 본 글 내용입니다. 깃허브나 옵시디언 포럼에 올려보는게 가장 확실하겠네요!
행복부자님의 댓글의 댓글
@shunnna님에게 답글
재미 있게도 엣지는 잘 되고, 크롬은 안되네요. ^^
일단 데탑에서 웹클리핑은 ... 당분간 엣지에서만 사용해야 겠습니다.
그래도 다른 클리핑 보다 워낙 단순하고 좋아서요.
좋은 플러그인 알려 주셔서 감사합니다.
일단 데탑에서 웹클리핑은 ... 당분간 엣지에서만 사용해야 겠습니다.
그래도 다른 클리핑 보다 워낙 단순하고 좋아서요.
좋은 플러그인 알려 주셔서 감사합니다.
shunnna님의 댓글의 댓글
@행복부자님에게 답글
저는 chromium 기반의 Arc 브라우저에서 사용 중인데, 아크라는 브라우저도 한 번 사용해보시길 추천드립니다!
gaguri님의 댓글