ITY.KR

주요 기능

사용자 등록

사용자 단축주소 생성

사용자 글 작성

사용자 메뉴 설정

사용 방법

기타 기능

유튜브 단축주소

마크다운 작성 시 사용 방법

주의사항

마크다운 문법

마크다운 문법 예제 페이지

섹션 1: 기본 마크다운 문법

1-1. 제목 (Headings)

H1 제목

H2 제목

H3 제목

H4 제목

H5 제목
H6 제목

1-2. 텍스트 스타일

굵은 텍스트 (Bold)

기울임 텍스트 (Italic)

굵고 기울인 텍스트 (Bold + Italic)

취소선 (Strikethrough)

인라인 코드 (Inline Code)

1-3. 링크

일반 링크

GitHub

외부 링크 with title

1-4. 이미지

대체 텍스트

1-5. 리스트

순서 없는 리스트
순서 있는 리스트
  1. 첫 번째
  2. 두 번째
  3. 세 번째
    1. 중첩 1
    2. 중첩 2
  4. 네 번째

1-6. 인용문 (Blockquote)

이것은 인용문입니다. 여러 줄도 가능합니다.

중첩된 인용문

더 깊은 중첩

더더 깊은 중첩

1-7. 코드 블록

function hello() {
  console.log("Hello, World!");
}
def hello():
    print("Hello, World!")
echo "Hello, World!"

1-8. 수평선 (Horizontal Rule)


1-9. 테이블

헤더 1 헤더 2 헤더 3
셀 1-1 셀 1-2 셀 1-3
셀 2-1 셀 2-2 셀 2-3

1-10. 체크리스트


섹션 2: 확장 마크다운 문법 (커스텀)

:::featured

🌟 특별 섹션

이것은 특별히 강조된 섹션입니다.

여러 줄의 텍스트가 가능합니다. :::

2-2. Card Container

:::card

📦 카드 제목

카드 내용입니다.

2-3. Grid Layout (2열)

:::grid-2

2-4. Grid Layout (3열)

:::grid-3

GitHub 방문{.btn .btn-github width=100%}

YouTube 구독{.btn .btn-youtube width=50%}

Twitter 팔로우{.btn .btn-twitter}

기본 버튼{.btn .btn-primary}

보조 버튼{.btn .btn-secondary}

2-6. Badges

::badge{success} 성공 ::

::badge{warning} 경고 ::

::badge{info} 정보 ::

::badge{new} 신규 ::

2-7. Youtube

:::youtube{1ZX1vEDTfY4}

:::youtube{yebNIHKAC4A}


섹션 3: 복합 케이스 (여러 기능 조합)

:::featured

🎯 완전한 예제

굵은 텍스트, 기울임, 취소선

링크

console.log("코드 블록");

:::

3-2. Card + 테이블

:::card

데이터 테이블

| 이름 | 값 | |——|—–| | A | 100 | | B | 200 | :::

3-3. Grid + Bold/Italic 조합

:::grid-2

:::featured

🚀 액션 섹션

시작하기{.btn .btn-primary}

::badge{success} 준비완료 :: :::

3-5. 모든 Grid 크기

2열 Grid

:::grid-2

3열 Grid

:::grid-3

4열 Grid

:::grid-4

3-6. Grid Padding

2열 Grid

:::grid-2{p=0}

3열 Grid

:::grid-3{p=0}

3-7. Grid Scrolling

1열 Grid Scrolling

:::grid-1-scroll{padding=20px}

2열 Grid Scrolling

:::grid-2-scroll{p=0}

3열 Grid Scrolling

:::grid-3-scroll{padding=10px}

4열 Grid Scrolling

:::grid-4-scroll{p=0}


섹션 4: 엣지 케이스

4-1. 긴 텍스트

:::featured

긴 텍스트 테스트

굵은 긴 텍스트: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

기울인 긴 텍스트: Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. :::

4-2. 특수 문자

다음 문자들이 제대로 처리되나요?

4-3. 중첩된 구조

:::card

카드 내부 구조

하위 제목

굵은 텍스트기울인 텍스트

링크{.btn .btn-primary}

::badge{info} 배지 :: :::

4-4. 빈 줄 처리

이것은 문장입니다.

이것은 다른 문장입니다.

이것은 더 큰 간격으로 떨어진 문장입니다.

4-5. 연속된 마크다운 요소

굵음 기울임 둘다 취소선

링크1 링크2

::badge{success} 배지1 :: ::badge{info} 배지2 ::

4-6. 모든 버튼 타입 연속

Primary{.btn .btn-primary} Secondary{.btn .btn-secondary} GitHub{.btn .btn-github} YouTube{.btn .btn-youtube} Twitter{.btn .btn-twitter}

4-7. 모든 배지 타입

::badge{success} Success :: ::badge{warning} Warning :: ::badge{info} Info :: ::badge{new} New ::


Link in Bio

:::featured

🌟 새로운 프로젝트

AI 기반 콘텐츠 생성 플랫폼입니다! :::

GitHub 방문{.btn .btn-github} YouTube 구독{.btn .btn-youtube} Twitter 팔로우{.btn .btn-twitter}


기술 스택

:::card

💻 사용 기술

프론트엔드: JavaScript, React, Vue.js

백엔드: Python, Node.js, Express

도구: Git, Docker, AWS :::


프로젝트

:::grid-2

::badge{success} Active :: ::badge{info} Verified ::