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

다다

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

분류 전체보기 (352)

로그인

로그아웃 글쓰기 관리

snippet 38

[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 스타일을 향상시키는 Contextual Typography 플러그인 개요 Contextual Typography는 읽기 모드에서 최상위 div에 data-tag-name 속성을 추가하여 Custom CSS에 대한 보다 정확한 선택 제어를 가능하게 합니다. 이 플러그인 자체는 CSS 효과를 포함하지 않습니다. CSS에 익숙한 사용자가 CSS Snippet을 작성해야 원하는 효과를 볼 수 있습니다. 몇몇 테마나 Snippet은 이 플러그인 설치를 요구하여, 복잡한 CSS 제어 효과를 가능하게 합니다. Plugin Info 플러그인 명 Contextual Typography 플러그인 설명 읽기 모드에서 CSS 스타일을 향상 플러그인 분류 디스플레이 확장, 꾸미기 Github 링크 Github 링크 옵시디언 링크 플러그인 링크 별점 ⭐ 사용 방법 플러그인 설치후 개발자모드(Ct..
옵시디언 플러그인/커뮤니티 플러그인 2024.03.26 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] 이름이 중복된 파일 찾기 옵시디언 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
[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
[CSS Snippet] 단락 앞과 뒤의 간격을 사용자 정의 단락 앞과 뒤의 간격을 Style Settings으로 정의하는 Css snippet입니다. 이 스니펫은 Things 테마의 단락조절부분만 떼내온 것으로 편집모드에서 단락을 조절할 수 있습니다. Style Settings 에서 조절할 수 있다는 장점이 있습니다. 예시 Css Snippet body { --paragraph-margin-top:10px; --paragraph-margin-bottom:5px; } div:not(.HyperMD-header,.HyperMD-list-line).cm-line { padding-top:var(--paragraph-margin-top) !important; padding-bottom:var(--paragraph-margin-bottom) !important; } di..
Homemade Source/Css Snippets 2024.02.24 0
[CSS Snippet] PLN 테마 callout PLN 테마 callout 스타일입니다. 예시 CSS 코드 .theme-light, .theme-dark { --color-red-rgb: 191, 97, 106; --color-orange-rgb: 208, 135, 112; --color-yellow-light-rgb: 235, 203, 139; --color-yellow-dark-rgb: 228, 184, 96; --color-green-rgb: 163, 190, 140; --color-purple-rgb: 180, 142, 173; --color-sea-green-rgb: 143, 188, 187; --color-cyan-rgb: 136, 192, 208; --color-frost-rgb: 129, 161, 193; --color-blue-rgb:..
Homemade Source/Css Snippets 2024.02.24 0
[CSS Snippet] 태그 색상 변경하기 옵시디언의 태그 색상 변경 css snippet입니다. 읽기모드에서만 대응합니다. 예시 CSS 코드 .theme-light { --font-color-1: lch(40 36 125); --font-color-2: lch(40 36 80); --font-color-3: lch(39 36 170); --font-color-4: lch(40 36 35); --font-color-5: lch(40 36 305); --font-color-6: lch(39 36 260); --font-color-7: lch(40 36 350); --background-color-1: lch(87 16 125); --background-color-2: lch(87 16 80); --background-color-3: lch(87 1..
Homemade Source/Css Snippets 2024.02.21 0

1 2 3

Obsidian Page

옵시디언 기초 가이드

노트 관리 방법론

플러그인 가이드

플러그인 사전

최근 글

인기 글

© Copyright 2024 Jnik

Uploading...

티스토리툴바