미리보기와 문법

표시 모드, 다이어그램과 수식, 링크와 미디어가 표시되는 방식을 설명합니다.

표시 전환

F1 / Ctrl+E로 소스와 미리보기를 전환하고, F11로 미리보기를 전체 화면으로 표시합니다. Esc를 눌러도 전체 화면에서 나갈 수 있습니다. 소스 모드에서는 양쪽이 함께 스크롤됩니다.

입력을 잠시 멈추면 변경 내용이 미리보기에 반영됩니다. 대기 시간은 설정 → 미리보기 → 미리보기 지연에서 조정할 수 있습니다(기본값 200밀리초).

교체한 이미지 등의 변경이 표시되지 않으면 F5를 눌러 다시 불러옵니다. 저장하지 않은 변경이 있는 탭에서는 디스크에서 문서를 다시 읽지 않고 캐시를 지운 뒤 미리보기를 다시 그리므로 편집 내용은 유지됩니다.

지원하는 문법

제목, 단락, 목록, 인용, 표, 코드 블록, 각주를 지원합니다. 단락 안의 줄바꿈 하나는 그대로 줄바꿈으로 표시됩니다.

문법표시와 동작
- [ ] 작업 / - [x] 완료체크리스트. 미리보기에서 클릭하면 텍스트도 함께 바뀝니다
==강조==강조 표시
H~2~O / X^2^아래 첨자와 위 첨자
[[note]]다른 Markdown 문서로 가는 링크
[[note.md#제목]]문서의 특정 제목으로 가는 링크
![[image.png]]삽입된 이미지
<details>와 <summary>접을 수 있는 섹션

상위 작업을 체크하면 그 아래의 하위 작업도 함께 바뀝니다. 문서 맨 위의 YAML 프런트 매터는 본문에 표시되지 않습니다.

다이어그램과 수식

Mermaid 다이어그램은 mermaid로 표시한 코드 블록에 작성합니다. 아래 예시를 Folio.md에 붙여 넣으면 순서도가 됩니다.

```mermaid
flowchart LR
A[초안] --> B[검토] --> C[공유]
```

수식은 $E = mc^2$처럼 $로 감싸면 문장 안에 표시되고, $$로 감싸면 별도의 블록으로 표시됩니다.

다이어그램과 수식을 그리는 구성 요소는 앱에 포함되어 있습니다. Microsoft Edge WebView2 Runtime이 필요합니다. 문법이 올바른데도 블록이 코드로 표시되면 이 런타임이 설치되어 있는지 확인하십시오.

다이어그램이나 수식을 내보내기 전에 미리보기에서 그려졌는지 확인하십시오. 그리기가 끝나지 않았으면 원본 텍스트 그대로 내보내질 수 있습니다.

이미지, 동영상, 링크

  • 로컬 이미지와 URL의 이미지를 모두 표시합니다. 삽입과 크기 조정은 이미지와 표를 참조하십시오.
  • 한 줄에 웹 페이지 URL만 있으면, 페이지 정보를 가져올 수 있는 경우 링크 카드로 표시됩니다. 가져올 수 없으면 일반 링크로 남습니다.
  • YouTube URL은 썸네일이 있는 카드로 표시됩니다. 클릭하면 브라우저에서 동영상이 열립니다.
  • 동영상 파일은 카드로 표시됩니다. 앱 안에서는 재생되지 않으며, 로컬 동영상은 기본 플레이어에서, URL은 브라우저에서 열립니다.
  • .md, .markdown, .md-crypted 파일로 가는 링크는 Folio.md의 탭에서 열립니다. 상대 경로는 현재 문서가 있는 폴더를 기준으로 해석합니다.

앱이 외부 이미지와 링크 카드 정보를 가져오지 않게 하려면 설정 → 네트워크 → 외부 리소스 자동 가져오기를 가져오지 않음(링크 텍스트만) 으로 설정합니다. 자세한 내용은 암호화와 안전한 사용을 참조하십시오.

미리보기에서 텍스트 복사

미리보기에서 드래그하여 텍스트를 선택한 다음, 서식을 포함해 복사하려면 Ctrl+C를, 텍스트만 복사하려면 Ctrl+Shift+C를 누릅니다. Ctrl+A는 화면 밖에 있는 부분을 포함해 문서 전체를 선택합니다.

단축키는 기본 할당을 기준으로 표기합니다. 할당을 변경한 경우 앱 안의 도움말(F12)에서 현재 키를 확인하십시오.