[velog] 벨로그 글쓰기 양식⭐

Kama_Code·2023년 7월 28일
1

VELOG

목록 보기
1/1
post-thumbnail
post-custom-banner

마크다운이란?

  1. 온갖 태그로 범벅된 HTML 문서 등과 달리, 읽기도 쓰기도 쉬운 문서 양식을 지향한다.
  2. 흔히 볼 수 있는 문서(파일명)은 "README.md", 파일의 확장자는 .md 또는 .markdown을 쓴다.
  • 글자크기 : #으로 크기를 키운다.
# 가장 큰 크기의 제목 (h1)
###### 가장 작은 크기의 제목 (h6)
  • 앞에 불릿은 +을 붙인 후 작성한다..

  • 인용하고 싶을 때는 맨 앞에 > 기호를 쓴다.

  • 이미지 크기조절

<img src = "이미지주소.PNG" width = "60%" height = "60%">
  • 코드 블럭 : Tab 두번
    ```python : 언어이름을 소문자로 작성
    여기에 코드작성
    }
    ```

  • 인라인 박스
    `라인 박스`

  • 가로선 넣기
    -----

  • \ 역슬래쉬 : 그대로 출력하기를 원한다면 를 넣으면 된다.

  • 표 그리기
    수직선 기호(|)로 열을 구분할 수 있다
    하이픈 기호(-)를 여러 개 붙여서 th와 tr을 구분할 수 있다.
    콜론 기호(:)로 정렬을 표현할 수 있다.
    왼쪽 정렬 |:—|
    오른쪽 정렬 |—:|
    가운데 정렬 |:—:|

  • 이모티콘
    https://kr.piliapp.com/twitter-symbols/
    windows: 윈도우 키 + 마침표(.)

  • 체크박스
    - [ ] 체크되지 않은 박스
    - [x] 체크된 박스

  • 줄바꿈
    <\br/>

  • 폰트 스타일
    ~~취소선~~
    **굵게**
    *기울여 쓰기*

  • 폰트 색상
    <\span style="color:red">red
    <\span style="color:#d3d3d3">#d3d3d3
    <\span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)

  • 형광펜
    <\span style='background-color: yellow'>내용

  • 밑줄
    <\u>밑줄 있는 텍스트입니다<\/u>

  • 내용을 접고 숨기기

<details>
<summary>여기를 눌러주세요</summary>
<div markdown="1">       
😎숨겨진 내용😎

</div>
</details>
  • 버튼
    Default Button](#){: .btn .btn--primary }
    <\a href="#" class="btn--success">Success Button

벨로그 단축키 프로그램 다운로드

profile
[Java SQL HTML CSS JS Studying] 발전을 꿈꾸며 이상을 실현합니다
post-custom-banner

0개의 댓글