문서 공방 · Wiki Document Studio

티스토리 · 블로그 붙여넣기용 (권장) 단독 HTML 파일

티스토리 글쓰기 화면 오른쪽 위 기본모드 → HTML 로 바꾼 뒤 붙여넣으세요. 모든 스타일이 style="" 로 들어가 있어 <style>·<script> 가 제거되는 편집기에서도 그대로 보이고, 접기는 <details> 라 자바스크립트 없이 동작합니다. 보정 스크립트는 각주 팝업을 번호 바로 아래에 놓기 위한 것으로, 없어도 팝업은 문단 가운데에 정상적으로 뜹니다.

기본

가운데 문서 영역을 직접 클릭해서 바로 입력합니다. 문법을 외울 필요가 없습니다.
글자를 선택한 뒤 위 도구모음을 누르면 굵게 · 색 · 크기 등이 적용됩니다. Ctrl+B / I / U 도 됩니다.
보이는 화면이 곧 내보내기 결과입니다.

실행 취소와 글자 크기

실행 취소 버튼 또는 Ctrl+Z로 이전 변경으로 돌아갑니다.
다시 실행 버튼 또는 Ctrl+Shift+Z / Ctrl+Y로 취소한 변경을 되돌립니다. Mac에서는 Ctrl 대신 Command를 사용하세요.
글자를 선택한 뒤 도구모음의 px 입력칸에 글자 크기를 직접 입력합니다. 8~120px 범위에서 0.5px 단위로 조절할 수 있습니다.

표 편집과 셀 병합

본문의 표 안을 클릭하면 표 편집 도구모음이 나타납니다. 행·열 추가와 삭제, 제목 행 전환, 칸 배경색 변경을 사용할 수 있습니다.
첫 번째 셀을 클릭하고 Shift+클릭으로 마지막 셀을 선택한 뒤 셀 병합을 누릅니다. 선택한 사각형 영역의 행이나 열을 합칠 수 있습니다.
합친 셀을 클릭하고 병합 해제를 누르면 다시 나눌 수 있습니다.
표 넓이 · 열 비율에서 표 전체 넓이(%)와 위치, 열 비율(예: 1 : 2 : 1)을 정할 수 있습니다. 본문에서 칸 사이 세로 경계를 마우스로 끌어도 열 넓이가 바뀝니다.

미리보기 창

위쪽 미리보기 창 버튼을 누르면 새 창이 열립니다. 편집 표시가 없는 실제 결과물이 그대로 뜹니다.
폭 버튼(모바일 390 · 큰 폰 540 · 태블릿 768 · 노트북 1280 · 창 전체)으로 반응형을 확인합니다. 640px 이하가 되면 각주 팝업이 화면 아래 시트로 바뀝니다.
터치 기기처럼을 켜면 각주 번호를 눌러도 하단으로 이동하지 않고 팝업만 열립니다. 휴대폰과 같은 동작입니다.
각주 · 챕터 제목 · 접기 · 스포일러를 실제로 눌러 볼 수 있습니다. 각주를 눌러 하단으로 내려가도 편집 화면으로 빠져나가지 않습니다.
편집 내용을 바꾼 뒤에는 다시 불러오기를 누르세요.

챕터

왼쪽 구조 탭에서 챕터를 추가하고 순서를 바꿉니다.
＋ 는 그 챕터의 하위 챕터를 만듭니다. 하위의 하위도 단계 제한 없이 만들 수 있습니다.
⇥ 는 바로 위 챕터의 하위로 넣고, ⇤ 는 다시 한 단계 위로 꺼냅니다.
목차와 번호는 자동으로 만들어집니다. 챕터 제목을 누르면 하위 챕터까지 함께 접힙니다.

프로필 표

목차 옆 별도 구역에 놓이므로 표가 아무리 길어져도 본문을 밀지 않습니다.
왼쪽 프로필 탭에서 이미지 · 가로 폭 · 항목칸 폭 · 위치를 조절하고, 묶음과 항목을 추가합니다.
목차의 가로 폭은 디자인 탭에서 조절합니다. 기본값은 남는 공간을 모두 채우고, 폭을 줄이면 목차와 프로필 표가 양 끝으로 벌어집니다.
접히는 묶음은 편집 화면에서도 접힌 상태로 시작합니다. 눌러서 펼친 뒤 고치면 됩니다.
항목 이름과 내용은 표에서 직접 고칩니다. 색 · 링크 · 각주 · 스포일러 모두 사용할 수 있습니다.
묶음 종류를 접히는 묶음으로 바꾸면 표 안에서 접고 펼 수 있습니다.

넣을 수 있는 것

링크 — 어떤 주소든 넣을 수 있고, 나무위키 문서명만 적어 자동으로 주소를 만들 수도 있습니다.
사진 · 영상 · 표 · 인용구 · 경고문 · 각주 · 스포일러 · 구분선
이미 넣은 인용구 · 경고문 · 사진 · 영상 안에 커서를 두고 같은 버튼을 다시 누르면 수정됩니다.
각주는 번호를 클릭하면 내용을 고치거나 지울 수 있고, 번호는 항상 자동으로 다시 매겨집니다.
각주 내용에도 굵게 · 기울임 · 밑줄 · 취소선 · 색 · 링크 · 스포일러를 넣을 수 있습니다. 각주 창 위쪽의 작은 도구모음을 쓰세요.
문서 아래 각주 모음은 제목을 눌러 접고 펼칠 수 있습니다. 디자인 탭에서 처음부터 접힌 채로 시작하게 할 수도 있고, 접혀 있어도 각주 번호를 누르면 저절로 펼쳐집니다.
각주 번호에 마우스를 올리면 번호 바로 아래에 팝업이 뜹니다. 본문 폭을 넘칠 자리에서는 안쪽으로 살짝 밀려 잘리지 않습니다.
PC에서 번호를 누르면 하단 각주로 이동하고, 해당 각주가 잠시 강조됐다 사라집니다. 하단 각주의 번호를 누르면 본문 자리로 돌아옵니다.
휴대폰에서는 번호를 누르면 화면 아래에 팝업이 뜨고(바깥을 누르면 닫힘), 팝업 안의 하단 각주로 이동 버튼으로 내려갑니다.
사진은 왼쪽 · 가운데 · 오른쪽 정렬을 고르고, 사진마다 가로 크기를 따로 정할 수 있습니다(px 또는 %).
넣은 사진이나 영상을 누르면 크기 · 정렬 · 설명을 고치는 창이 바로 열립니다.
경고문 아이콘은 구글 머티리얼 아이콘 중에서 고르거나 이모지를 직접 넣을 수 있습니다.

색 바꾸기

왼쪽 디자인 탭에서 문서 강조색 하나만 바꿔도 제목 · 목차 · 프로필 표 · 인용구 색이 함께 맞춰집니다.
각 항목을 따로 지정할 수도 있고, 칸을 비우면 강조색 기준으로 되돌아갑니다.
개별 인용구 · 경고문은 그 블록에 커서를 두고 도구모음에서 색을 따로 줄 수 있습니다.

분류와 경고 문구

왼쪽 문서 탭에서 분류를 추가하면 문서 맨 위에 표시됩니다.
같은 탭에서 PC 열람 권장 · 스포일러 주의 · 트리거 워닝 문구를 문서 상단에 넣고 색을 바꿀 수 있습니다.