옵시디언 가이드
추천 플러그인
노트관리방법론
플러그인 사전

다다

옵시디언 활용, 개인 지식 관리

분류 전체보기 (352)

로그인

로그아웃 글쓰기 관리

Homemade Source 54

[CSS Snippet] 파일 탐색기 폴더 색상 변경하기 파일 탐색기 폴더 색상 변경하는 CSS Snippet입니다. 예시 CSS Snippet .theme-light, .theme-dark { --Fold0: #ffe2e2; --Fold1: #ffdee9; --Fold2: #f6e1ff; --Fold3: #e9dfff; --Fold4: #e1e5ff; --Fold5: #d4eaff; --Fold6: #cdedff; --Fold7: #ccf2f7; --Fold8: #d5f8f4; --Fold9: #d8f8da; --FoldA: #ecffdb; --FoldB: #f4fbd2; } /* ===folder-colorful-order ============ */ .nav-folder.mod-root>.nav-folder-children .nav-folder-title..
Homemade Source/Css Snippets 2024.04.02 1
[CSS Snippet] 이미지 확대기능 구현하기 이미지 확대을 CSS Snippet으로 구현 예시 CSS Snippet @media (hover: hover) { .image-embed.is-loaded img, .markdown-preview-view .internal-embed:not(:has(> img)) img { line-height: 0; background-color: transparent; } img:not(.callout-content img):not(.thumbnailImage):not( img .community-item-screenshot ) { max-width: 100%; cursor: zoom-in; } body img:active:not(.callout-content img):not(.thumbnailImage) { bac..
Homemade Source/Css Snippets 2024.04.01 0
[CSS Snippet] 선택한 텍스트의 색상 변경하기 선택한 텍스트의 색상 변경하는 CSS Snippet입니다. 예시 CSS Snippet ::selection { color: white !important; background: deeppink !important; }
Homemade Source/Css Snippets 2024.03.29 0
[CSS Snippet] 편집모드에서 현재 줄 강조하기 Obsidian의 기본 테마에는 편집 모드에서 현재 줄 강조하는 기능이 없습니다. CSS Snippet을 통해 변경할 수 있습니다. 예시 Css Snippet .markdown-source-view.mod-cm6 .cm-line.cm-active{ background-color: rgba(var(--mono-rgb-100), 0.05) } .markdown-source-view.mod-cm6 .cm-lineNumbers .cm-gutterElement.cm-active { font-weight: 600; color: grey; }
Homemade Source/Css Snippets 2024.03.24 0
[Templater] 텍스트, 리스트, 체크박스 정렬하기 텍스트, 리스트, 체크박스를 정렬하는 Templater snippet입니다. 기존에 만들었던 체크박스 정렬하는 snippet과 비슷하면서 조금 다릅니다. 이 스니펫은 선택한 텍스트만 정렬이 가능합니다. Sort & Permute lines 플러그인과 기능은 같지만 명령어를 여러개 써야된다는 점 때문에 자주쓰는 정렬부분만 Templater로 구현하였습니다. 예시 Templater Snippet { const depth = line.match(/^(\t*)/)[0].length + 1; const node = { item: line.trim(), children: [] }; while (depth < stack.length) { stack.pop(); } stack[stack.length - 1].child..
Homemade Source/Templater snippets 2024.03.18 0
[Templater] 옵시디언 문서의 update 날짜 자동 갱신하기 옵시디언 문서의 update 날짜 자동 갱신하는 Templater snippet입니다. 기능 created 및 updated 항목 추가 문서에 프로퍼티가 없거나 updated 항목이 없는 경우, created 및 updated 항목을 프로퍼티에 추가합니다. 현재 날짜와 시간으로 updated 항목 업데이트 문서의 프로퍼티에 updated 항목이 이미 존재하면, 현재 날짜와 시간으로 갱신합니다. Templater Snippet { let rowIndexFound = -1; for (let row = 0; row 0; if (hasFrontMatter) { const insertAfterLine = async (query, text) => { let rowIndexFound = -1; for (let row..
Homemade Source/Templater snippets 2024.03.16 1
[Templater] 선택된 영역에서 링크 삭제하기 선택된 영역에서 링크만 삭제해주는 Templater Snippet입니다. 위키링크만 삭제하기 예시 Templater Snippet 마크링크만 삭제하기 예시 Templater Snippet 링크 모두 삭제 예시 Templater Snippet Templater로 작성한 명령어(스크립트)을 단축키로 실행하는 방법을 참고해주세요. Commander에 빠른실행 등록하는 방법을 참고해주세요 관련 플러그인 링크 변환, 삭제같은 조작을 할 수 있는 Links 플러그인 개요 Links 플러그인은 옵시디언의 문서 내에 있는 링크를 더 효율적으로 관리하고 조작할 수 있게 해주는 유용한 플러그인입니다. 이 플러그인은 링크 문자열에서 "[[]]"를 제거하거나, 텍스트 별 kaminik.tistory.com
Homemade Source/Templater snippets 2024.03.14 0
[DataviewJS] 미해결 링크 페이지를 나열하기 미해결 링크는 Obsidian 노트에서 참조([[...]])하고 있지만, 실제로는 존재하지 않는 파일이나 문서를 말합니다. 이러한 링크는 파일의 외부 링크, 즉 file.outlinks로 표현됩니다. 이를 비어 있지 않은지 확인함으로써 판단할 수 있습니다. Dataview Snippet ```dataview TABLE WITHOUT ID rows.file.link AS "파일", key AS "미해결 링크" FLATTEN file.outlinks as outlinks WHERE !(outlinks.file) AND !(contains(meta(outlinks).path, "/")) GROUP BY outlinks ``` 이 Dataview Snippet의 문제점은 링크된 첨부파일도 미해결링크로 인식한다는..
Homemade Source/Dataview snippets 2024.03.08 0
[DataviewJS] Quick Search MK.2 이전에 소개했던 Quick Search의 개선 버전입니다.개선사항스타일이 변경되었습니다.더보기, 페이징 기능이 추가되었습니다.add note의 템플릿 추가시 오류가 발생하지 않게 변경되었습니다.다크테마, 라이트 테마에 대응하게 변경되었습니다.북마크한 노트를 최상단에 위치하게 변경되었습니다.기능검색검색기능은 Quick Search MK.1과 달라진 점이 없습니다.더보기페이징설치 방법Vault명/Scripts/QuickSearch폴더를 생성합니다. 위 압축파일을 다운받아 압축을 풀면 view.js, view.css파일이 있습니다. 두 파일을 Vault명/Scripts/QuickSearch 폴더안에 넣어줍니다.```dataviewjsawait dv.view("Scripts/QuickSearch")const q..
Homemade Source/Dataview snippets 2024.03.07 7
[DataviewJS] 이름이 중복된 파일 찾기 옵시디언 Vault 내 중복된 파일을 찾고 목록 출력해주는 dataviewjs입니다. 예시 Dataviewjs Snippet ```dataviewjs const data = dv.pages(); let countMap = {}; data.forEach((page) => { if (page.file && page.file.name && page.file.path) { const fileName = page.file.name; const filePath = page.file.path; if (!countMap.hasOwnProperty(fileName)) { countMap[fileName] = { count: 1, paths: [filePath] }; } else { countMap[fileName].co..
Homemade Source/Dataview snippets 2024.03.03 0
[Templater] 오늘 생성한 노트의 목록을 데일리 노트에 출력하기 옵시디언 오늘 생성한 노트의 목록을 데일리 노트에 출력하는 Templater snippet입니다. 데일리 노트 템플릿이 아닌 생성한 데일리 노트에서 사용하시면 됩니다. commander나 button 플러그인으로 간단하게 입력하는 방식도 가능합니다. 예시 Templater snippet file.stat && file.stat.ctime >= start && file.stat.ctime !file.path.startsWith("_") && file.extension === "md"; const allFiles = Object.values(this.app.vault.fileMap).filter(file => file.name !== currentFileName); tR += ` ## 오늘 생성한 노트 ${..
Homemade Source/Templater snippets 2024.03.03 0
[DataviewJS] 할당된 단축키를 기준으로 명령어 목록보기 할당된 단축키를 기준으로 명령어 목록보는 Dataviewjs snippet입니다. 예시 Dataviewjs Snippet ```dataviewjs const getObj = (obj, path) => path.reduce((o, k) => (o && o[k] !== 'undefined') ? o[k] : undefined, obj); function hl(keys, highlight) { if (!keys || !keys[0] || !keys[1] || keys[1][0] === undefined) return `${highlight}–${highlight}`; return highlight + keys.flat().join('+').replace('Mod', 'Ctrl') + highlight; } f..
Homemade Source/Dataview snippets 2024.03.01 0
[CSS Snippet] Dialogue 플러그인의 iMessage 스타일 적용하기 Dialogue 플러그인의 iMessage 스타일 적용한 Css Snippet입니다. 예시 CSS 코드 .theme-light { --imessage-blue: rgba(10, 132, 255, .9); --imessage-grey: rgba(234, 234, 234, 1); } .theme-dark { --imessage-blue: rgba(10, 132, 255, .7); --imessage-grey: var(--color-base-30); } .dialogue-plugin-message { background-color:unset; } .dialogue-plugin-message-wrapper-right { text-align: right; } .dialogue-plugin-message-title..
Homemade Source/Css Snippets 2024.03.01 0
[CSS Snippet] Task 완료시 취소선 안보이게 하기 Task 완료시 취소선 안보이게 하는 CSS Snippet입니다. 예시 CSS Snippet .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="x"], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task="X"] { text-decoration: unset !important; } ul > li.task-list-item[data-task="x"], ul > li.task-list-item[data-task="X"] { text-decoration: unset !important; }
Homemade Source/Css Snippets 2024.02.29 0
[Css Snippet] 상태바 스타일 변경하기 상태 표시줄에 투명도를 추가하여 눈에 띄지 않게 만듭니다. 마우스를 올리면 투명도가 복원됩니다. 테두리 제거, 호버 복원 예시 Css Snippet .status-bar { border-width: 0; opacity: .5; transition: all .2s linear; } .status-bar:hover { opacity: 1; border-width: var(--status-bar-border-width); }
Homemade Source/Css Snippets 2024.02.29 0

1 2 3 4

Obsidian Page

옵시디언 기초 가이드

노트 관리 방법론

플러그인 가이드

플러그인 사전

최근 글

인기 글

© Copyright 2024 Jnik

Uploading...

티스토리툴바