⚡ Markdown
Velog를 사용하고, README 파일을 작성하는 당신을 위해.
📌 제목
🔷 # 을 이용
- velog에선 6개까지 가능한데, 4개부턴 사실상 일반 텍스트보다 축소됨
# Hello World!
## Hello World!
### Hello World!
#### Hello World!
##### Hello World!
###### Hello World!Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
💡
<h1></h1>과 같은 html형식으로도 가능하다.
📌 문단 띄우기
🔷 엔터 한번으로도 된다.
🔷 하지만 주로 </br> 을 사용함. 쓰다보면 알게됨...
</br>
</br>
</br>
</br>📌 리스트
🔷 순서 없는 리스트는 +, -, *로 사용
🔷 Tab 활용 시 모양이 바뀌기도 함 (Velog 에선 탭으로 안되어서 스페이스바로 직접 띄워줘야함...)
* 개요
* 개요2
+ 개요2
- 개요2
+ 개요
- 개요- 개요
- 개요2
- 개요2
- 개요2
- 개요
- 개요
🔷 순서있는 리스트는 그냥 숫자 활용
- 벨로그에서는 다른 숫자를 입력해도 다음 숫자로 고정되니 참고
1.
2.
3.
3.💡 당연한 말이지만
<ol><li></li></ol>와 같은 식으로 리스트 가능함.
📌 텍스트 변환
🔷 굵게는 **단어**, 기울기는 *단어*
🔷 *는 _로 대체할 수 있으나 일부 띄어쓰기에 따라 적용이 안될 수도 있음.
🔷 둘 다 적용하려면 세 번 쓰기
Hello **World**!
__Hello__ World!
*Hello* World!
Hello _World_!
***Hello World!***
___Hello World!___Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
Hello World!
📌 수식
🔷 $수식$ 의 형태로 작성
$a^2 = b^2 + c^2$
이차방정식의 근은 $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ 공식으로 구할 수 있다.
이차방정식의 근은 공식으로 구할 수 있다.
💡 LaTeX를 어느정도 알면 활용하기 좋다. LaTeX 위키
🔷 중앙으로 자동 정렬하려면?
$$
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
$$📌 인용
🔷 > 앞에 적는다.
> 인용입니다
> - 들여쓰나요
> - 글쎄요인용입니다
- 들여쓰나요
- 글쎄요
📌 구분선
---
***
_ _ _
* * *📌 코드, 강조
🔷`` 사이에 작성
`hello code?`hello code?
🔷 ``` ``` 사이에 코드를 넣을 수 있다.
🔷 처음 ``` 뒤에 language 표시를 통해 언어 별로 강조를 바꿀 수 있다.
```html
<html>
<header>
</header>
<body>
<p>Hello World!</p>
</body>
</html>
\```<html>
<header>
</header>
<body>
<p>Hello World!</p>
</body>
</html>```java
import java.io.*;
import java.util.*;
public class Main {
public static void main(String[]args) throws IOException {
BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out));
String word = br.readLine();
bw.write(word);
bw.close();
br.close();
}
}
\```import java.io.*;
import java.util.*;
public class Main {
public static void main(String[]args) throws IOException {
BufferedReader br = new BufferedReader(new InputStreamReader(System.in));
BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(System.out));
String word = br.readLine();
bw.write(word);
bw.close();
br.close();
}
}📌 링크 임베딩
🔷 []() 식으로 링크를 텍스트 안에 넣을 수 있다.
🔷 링크 끝에 ""와 텍스트를 넣으면 링크 위에 마우스를 올릴 시 해당 텍스트를 보이게 할 수 있다.
덕덕고가 뭘까요? [duck duck go 눌러봐](https://duckduckgo.com "꽥꽥")덕덕고가 뭘까요? duck duck go 눌러봐
📌 이미지 올리기
🔷 링크와 비슷하게 ![]() 식으로 이미지를 넣을 수 있다.
🔷 "" 사이에 텍스트를 넣으면 사진 위에 커서를 올리면 텍스트가 나온다.
📌 표
🔷 아래처럼 활용한다.
🔷 : 의 위치에 따라 텍스트의 중앙 혹은 좌우정렬이 가능하다.
|제목1|제목2|
|:---:|:---:|
|네|표는 이렇게 써요|
***
|이름|국어|영어|수학|
|---:|---:|---:|---:|
|박영규|100|95|25|| 제목1 | 제목2 |
|---|---|
| 네 | 표는 이렇게 써요 |
| 이름 | 국어 | 영어 | 수학 |
|---|---|---|---|
| 박영규 | 100 | 95 | 25 |
📌 마크다운 배지
🔷 배지를 활용하여 한번 이쁘게 기술 등을 소개해보자.
아이콘은 Simple Icons에서 확인하고
shields.io로 배지를 생성할 수 있다.
📌 머리, 푸터 꾸미기 (capsule-render)
🔷 capsule-render를 이용하면 이쁜 페이지 꾸미기가 가능하다.
📌 이모티콘
🔷 원래 마크다운은 ::사이에 단어를 넣어 이모티콘을 띄우는 것이 가능하나 애석하게도 velog는 안된다.
주요 사용 사이트: https://kr.piliapp.com/twitter-symbols/
이모티콘 단어 확인용: https://gist.github.com/rxaviers/7360908
캠핑가고 싶다:tent::joy::white_check_mark:캠핑가고 싶다:tent::joy::white_check_mark:
💡 윈도우 사용자는
window + .키로 빠르게 이모티콘 사용이 가능하다.
도움이 되셨길 바래요!
