VIT - Velog in Tistory

티스토리 글쓰기 화면에 Velog 방식의 마크다운 분할 미리보기를 추가합니다.

티스토리에서 마크다운을 쓰면서 결과를 바로 확인하세요. VIT는 티스토리 글쓰기 화면을 왼쪽 마크다운 입력창과 오른쪽 실시간 미리보기로 나누어 줍니다. 주요 기능 • VIT 스위치로 분할 미리보기 켜기와 끄기 • 툴바 밖 고정 스위치로 좁은 창에서도 프로필 겹침 방지 • 티스토리의 기존 마크다운 입력창 사용 • 선택 영역을 유지하는 마크다운·서식 툴바(색상·글꼴·정렬 포함) • 실행 취소·다시 실행과 링크·이미지 URL·표·코드 삽입 • 제목, 목록, 표, 링크, 마크다운·티스토리 업로드 이미지, 코드 블록 미리보기 • 이미지 복사·붙여넣기와 입력창 드래그 업로드 • 이미지 업로드 중 입력 위치 추적 및 기존 텍스트 보존 • 기본 세로선 인용문과 중첩 인용문 미리보기 • 코드 블록 문법 강조와 체크박스 목록 표시 • 기본 5:5 분할, 창 크기 변경 시 좌우 비율 유지 • 드래그·키보드 화살표로 너비 조절, 구분선 더블클릭으로 5:5 복원 • 창 크기에 맞춰 하단 임시저장·완료 버튼을 배치 • 발행 설정 창을 왼쪽 영역에 맞추고 취소·저장/발행 버튼을 계속 표시 • 발행 설정의 독립 스크롤과 낮은 창의 입력 공간 확보 • 마크다운 입력창·미리보기의 양방향 본문 위치 기반 스크롤 동기화 • 이미지 로딩·창 크기·분할 너비 변경 후에도 보던 본문 위치 유지 • 현재 블로그의 공개 스킨 CSS를 미리보기에 적용 시도 • 티스토리의 기존 임시저장·완료 버튼 사용 사용 방법 1. 티스토리 블로그의 새 글 또는 기존 글 수정 화면을 엽니다. 2. 화면에 고정된 VIT 스위치를 켭니다. 3. 왼쪽에서 마크다운을 작성하고 오른쪽에서 결과를 확인합니다. 어느 쪽을 스크롤해도 대응하는 본문 위치로 함께 이동합니다. 4. 이미지는 복사·붙여넣기하거나 왼쪽 입력창의 원하는 위치에 드래그해 추가합니다. 5. VIT 스위치를 끄면 시작한 편집 모드로 돌아갑니다. 알아두세요 • 데스크톱 Chrome 120 이상을 대상으로 합니다. • 이미지 외의 파일 업로드·동영상·장소 첨부는 티스토리 기본모드를 사용해 주세요. • 기본 모드·HTML 모드와 마크다운 모드 사이의 변환은 티스토리 기능을 사용합니다. 모드 전환 과정에서 서식이 달라질 수 있으므로 중요한 글은 미리 백업해 주세요. • 미리보기의 파서와 티스토리의 실제 발행 결과는 일부 다를 수 있습니다. 블로그 스킨에 따라 본문 스타일도 다르게 표시될 수 있습니다. • 이미지 업로드와 임시저장 후 복원은 확인했으며, 실제 발행과 기존 글 수정의 전체 흐름 검증은 아직 완료하지 않았습니다. • 이 확장 프로그램은 Velog 또는 티스토리의 공식 제품이 아닙니다. 개인정보 글의 제목과 본문은 미리보기를 위해 브라우저 안에서 처리하며 개발자 서버로 수집·전송하지 않습니다. 스킨 CSS와 본문 이미지 등은 해당 웹 주소에서 불러올 수 있습니다. 이미지를 붙여넣거나 드래그하면 티스토리 자체 업로더를 통해 현재 블로그로 전송·저장되며 개발자 서버로는 전송하지 않습니다.