내가 보려고 정리한 Velog(벨로그) 사용법 튜토리얼의 글을 따라해보는 연습장입니다.

참고 윈도우 이모지 입력은 win + ;

📚 제목(headers) 넣어보기

h1부터 h6을 이용해서 제목을 표현할 수 있다.

h1

h2

h3

h4....h6 까지 가능하다.

# h1
## h2
### h3
#### h4
##### h5
###### h6

여러줄의 회색박스는 처음과 끝에 백틱 3개로 감싸 넣는다. 백틱으로 감싸면 제목확대 적용 안됨

📚인용(Blockquotes) (4단 중첩 인용문)

1단

인용문 첫번째
두번째
세번째 줄

2단

중복해서 사용하면

3단

인용문을 중첩해서 표현가능

4단

계속 중첩가능

📚리스트

일반적인 불릿 리스트는 * + - 모두 동일하게 출력된다

• 별로 표현한것

• 플러스로 표현한 것

• 마이너스로 표현한 것

숫자 리스트는 숫자+. 1. 2. 3. 과 같이 표현
1. 1번
2. 2번
3. 3번

📚코드블럭 만들어보기

1. 한줄짜리 코드블럭은 (Tab)을 이용한다.

print("Hello World")

2. 여러 줄의 코드 블럭은 3개의 백틱으로 감싸서 만든다.

#include <stdio.h>
#include <stdlib.h>

int main()
{
	printf("Hello World\n");
	return 0;
}

3. 문법에 따른 강조를 표현하기 쉽게 그냥 항상 백틱3개로 코드를 감싸자

• python 코드

from selenium import webdriver

driver.get_driver(PATH)
driver.get_page_source

• c++ 코드

#include <iostream>
using namespace std;

class MyString
{
	char *data = new char[10];
public:
	MyString(){};
    ~MyString(){};
}

마크다운 왕초보 코드블록 언어 목록

📚가로선 넣기

--- 
___
***

위 셋중 임의의 기호를 세번 연달아 사용함

-로 가로선

_로 가로선

*로 가로선

Span Elems

링크 서식

1. 인라인 링크
2. url 링크
3. 참조 링크

[인라인 링크](https://velog.io/@atoye1)
url 링크 -> <https://velog.io/@atoye1>
[참조링크]:https://velog.io/@atoye1

네이버인라인링크

네이버 url 링크 -> https://www.naver.com

naver <- 참조링크의 정의부분은 페이지에 나타나지 않는다.

강조하기(emphasis)

볼드 이탤릭 취소선을 사용가능

• 이탤릭
• 이탤릭
• 볼드
• 볼드
• 취소선
• 취소선

이미지 삽입하기

• 링크 삽입과 유사하나 !를 맨 앞에 붙임

1. 일반 이미지 삽입
   

2. 툴팁설명 삽입
   

글자 색상

<span style="color:orange">orange</span>