건강한 삶을 위한 한 걸음

건강한 삶을 위한 HowMindLab의 한 걸음

건강한 삶 HowMindLab

블로그만들기

티스토리 상단 에디터 메뉴, 초보를 위한 완벽 사용 설명서

howmindlab 2025. 9. 18. 16:17

티스토리 글쓰기 상단 메뉴 사용법

(2025년 최신 기준)

1. 이미지 삽입

  • [이미지 아이콘]
  • 사진, 그림 등을 글에 추가할 때 사용
  • 클릭 후 내 컴퓨터에서 이미지를 선택하거나, 드래그&드롭으로 넣을 수 있음

2. 글꼴/글자 크기/서체

  • 본문2: 제목, 소제목, 본문 등 글자 크기나 스타일을 지정
  • 기본서체: 원하는 폰트(글꼴)로 변경 가능
  • 전체 글의 구조를 잡을 때 중요하게 쓰인다. 이 부분은 중요해서 따로 글을 쓸 예정임. 

3. 글자 스타일

  • B (굵게): 선택한 글자를 진하게
  • I (기울임): 글자를 기울여서
  • U (밑줄): 밑줄
  • T. (글자색): 글자의 색상을 변경

4. 정렬 및 단락 서식

  • 정렬:
    • 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬, 양쪽 정렬
    • 원하는 방향으로 글을 정렬
  • 목록/들여쓰기/내어쓰기:
    • 글머리표(●, 1. 등) 또는 숫자 목록 만들기
    • 글 단락을 안쪽/바깥쪽으로 이동시켜 구조 잡기

5. 인용구/이모지/테이블/링크

  • "" (인용구):
    • 중요한 말이나 강조하고 싶은 문장을 인용구 형태로 표시
  • 😊 (이모지):
    • 다양한 이모티콘을 넣을 수 있음
  • 테이블:
    • 표를 만들어 정보나 자료를 깔끔하게 정리
  • 🔗 (링크):
    • 다른 웹사이트, 내 블로그 글, 유튜브 등으로 이동하는 링크 삽입

6. 기타 도구

  • 더보기(점 3개):
    • 줄 긋기, 코드 삽입, 특수문자 등 기타 부가 기능

7. 글쓰기 모드

 1. 기본모드

  • 우리가 평소에 사용하는 일반적인 글쓰기 화면입니다.
  • 마우스로 클릭하고, 버튼을 눌러서 굵게/색상/표 등 쉽게 꾸밀 수 있어요.
  • 특별한 컴퓨터 언어나 코드를 몰라도 직관적으로 글을 쓸 수 있습니다.

 2. 마크다운(Markdown)

  • 글쓰기와 동시에 간단한 기호만으로 서식을 지정할 수 있는 텍스트 기반 문법이에요.
  • 예를 들어,
    • # 제목1 → 큰 제목
    • **굵게** → 굵게
    • - 목록 → ● 목록
  • 개발자, 블로거, 작가들이 빠르게 깔끔한 글을 쓸 때 자주 사용합니다.
  • 글을 코드처럼 입력하면, 자동으로 보기 좋게 변환해줍니다.

예시:

 
# 마크다운 제목 ## 소제목 - 리스트1 - 리스트2 **굵은 글씨**

→ 결과:

마크다운 제목

소제목

• 리스트1
• 리스트2
굵은 글씨


 3. HTML

  • 웹페이지를 만드는 **코딩 언어(마크업 언어)**에요.
  • 본문에 직접 <h1>, <a href="">, <table>, <strong> 등
    태그를 입력해서 글, 링크, 이미지, 표, 색상 등 모든 스타일을
    아주 세밀하게 꾸밀 수 있습니다.
  • 웹디자인, 개발 경험이 있는 분들에게 유용하며
    “내 블로그만의 독특한 스타일”이나 “특수효과”도 직접 넣을 수 있습니다.

예시:

 
<h1>HTML 제목</h1> <ul> <li>첫 번째 목록</li> <li>두 번째 목록</li> </ul> <strong>굵은 글씨</strong>

→ 결과:

HTML 제목
• 첫 번째 목록
• 두 번째 목록
굵은 글씨


언제 어떤 모드를 쓰면 좋을까?

  • 기본모드: 컴퓨터 초보자, 대부분의 블로거에게 추천!
  • 마크다운: 빠르고 간단하게 스타일을 넣고 싶은 사람, 텍스트 위주로 쓸 때
  • HTML: 웹 디자인 경험이 있거나, 복잡한 레이아웃/특수효과가 필요할 때
  • TIP:
    처음엔 ‘기본모드’로 글을 쓰다가
    마크다운/HTML이 필요할 때만 해당 모드로 바꿔 써도 전혀 문제 없습니다!

TIP

  • 마우스 커서를 원하는 위치에 두고, 메뉴 버튼을 클릭하면 바로 적용됩니다.
  • 여러 스타일을 동시에 적용할 수도 있어요(예: 굵은+기울임 등).

초보자 활용 예시

  • 제목은 본문2 > B(굵게)
  • 소제목은 본문2 > B(굵게)+글자 크기 조금 크게
  • 내용 정리는 표/목록 기능 적극 활용
  • 링크, 이미지, 이모지는 글을 풍성하게 만들어줌

티스토리 블로그 만들기, 생각보다 쉽죠? 지금 바로 도전해보세요!
궁금한 점이 있다면 댓글로 남겨주세요.