CSS 스니펫 적용 방법은 여기로: [[Obsidian 이미지 사이즈 비율로 조정하기 (CSS 스니펫 적용하기)]]
<br>
1. **옵시디언 폴더 열기**
- **Windows**: `C:\Users\<사용자명>\AppData\Roaming\Obsidian`
- **macOS**: `/Users/<사용자명>/Library/Application Support/Obsidian`
- 아이클라우드에 저장한 경우, iCloud Drive 내 위치 확인
2. **CSS를 적용할 볼트 폴더 열기**
- CSS를 적용할 옵시디언 볼트 폴더를 엽니다.
3. **숨겨진 폴더 열기**
- **Windows**: 파일 탐색기에서 **보기 > 숨긴 항목**을 체크해서 `obsidian` 폴더를 표시
- **MacOS:** `command + shift + .` 을 눌러 `obsidian` 폴더를 표시
4. **CSS 파일 복사하기**
- `.obsidian > themes > snippets` 폴더에서 기존 CSS 파일을 복사하거나, 새로운 CSS 파일을 준비합니다.
5. **CSS 파일 상위 폴더로 이동 및 이름 변경**
- 복사한 CSS 파일을 볼트 폴더 최상위 위치에 붙여넣고, 파일명을 `publish.css`로 변경합니다.
6. **옵시디언에서 파일 적용**
- 옵시디언 내에서 `publish.css` 파일을 **Publish**하여 적용합니다.
<br>
이 방식으로 커스텀 자바스크립트도 추가 가능합니다.
파일명은 `publish.js`
---
참고 링크
- https://forum.obsidian.md/t/how-to-use-obsidian-app-css-themes-in-obsidian-publish/21504/3
- https://help.obsidian.md/Obsidian+Publish/Customize+your+site
<br>
<br>
<br>
<br>