Markdown & Kramdown 문법

Bluewind·2022년 6월 12일
0

Archive

목록 보기
2/7
post-thumbnail

인터넷에 검색하면 널린게 markdown에 관한것들이고, 이미 많이 쓰다보니 이제는 꽤 익숙해진 문법이지만, 표 정리하는 것이나 링크, 사진 넣는 방법은 가끔 까먹어서 정리하는 차원에서 기록하여 남겨봅니다.

그리고 문법에는 여러가지 방법이 존재하지만, 제가 편한 문법으로 남겼기 때문에 이 방법 말고도 다른 방법의 문법도 존재하는것을 참고해주시길 바랍니다.

Markdown 문법

H1

H2

H3

H4

H5
H6
# H1
## H2
### H3
#### H4
##### H5
###### H6

Emphasis

별 하나는 기울여서
별 두개는 굵게
별 세개는 강조하고 기울여서
이렇게 혼용하여 기울여서 사용할 수 있다
영화 기생충

별 하나는 *기울여서*
별 두개는 **굵게**
별 세개는 ***강조하고 기울여서***
이렇게 **혼용하여 _기울여서_ 사용할 수 있다**
~~영화 기생충~~

This is a link to a page.
Only URL : https://something.something
Only E-mail : bluewind@email.com

This is [a link](http://rubyforge.org "link description") to a page.
Only URL : <https://something.something>
Only E-mail : <bluewind@email.com>

Image

이미지를 붙이는데는 여러가지 방법이 있으며, 보통은 URL를 첨부하는 방법이 해당 프로젝트의 경로를 지정하여 첨부할 수도 있다.

mdlogo1

// URL 지정
![mdlogo1](https://velog.velcdn.com/images/bluewind8791/post/ae5626e4-25ac-4948-b0bd-384a2da4f0e2/image.png "마크다운 로고")

// 경로 지정
![imageId3]({{"/assets/image/favicon.png"|https://bluewind8791.github.io}})

BlockQuote

BlockQuote

Second line

Third line

Fourth line

Fifth line

>BlockQuote
>>Second line
>>>Third line
>>>>Fourth line
>>>>>Fifth line

Tables

Default alignedLeft alignedCenter alignedRight aligned
First body partSecond cellThird cellfourth cell
Second linefoostrongbaz
| Default aligned | Left aligned | Center aligned | Right aligned
|-|-|-|-
| First body part | Second cell | Third cell | fourth cell
| Second line | foo | **strong** | baz

Line

여러가지 수평선을 찍는 방법이 있지만 필자는 아래의 문법이 가장 편했다.


---

Code Block

public class BootSpringBootApplication {
  public static void main(String[] args) {
    System.out.println("Hello World");
  }
}

text, java, c, c++, python, html, css 등 여러가지 문법을 지원한다.

```java
public class BootSpringBootApplication {
  public static void main(String[] args) {
    System.out.println("Hello World");
  }
}
```

List

  • line 1
    • line 2
      • line 3
  1. one
  2. two
  3. three
- line 1
  - line 2
    - line 3

1. one
2. two
3. three

줄 바꾸기

줄 바꿈은
두칸을 띄워야 한다
괄호는 무시

줄 바꿈은(  )
두칸을 띄워야 한다(  )
괄호는 무시

Kramdown 문법

Image

Kramdown에서는 이미지 사이즈 조절기능이 있다.

![mdlogo1](https://velog.velcdn.com/images/bluewind8791/post/ae5626e4-25ac-4948-b0bd-384a2da4f0e2/image.png){:height="30px" width="30px"}

Inline Code Block

중간중간에 코드블럭을 삽입할 수 있다.
코드블럭 안에 `백틱`을 넣어보자
kramdown에는 랭귀지 코드블럭도 넣을 수 있다. System.out.println("java");{:.language-java}

중간중간에 `코드블럭`을 삽입할 수 있다.
코드블럭 안에 `` `백틱` ``을 넣어보자
kramdown에는 랭귀지 코드블럭도 넣을 수 있다. `System.out.println("java");`{:.language-java}

Abbreviations

약어에 대한 설명을 할 수 있는 기능이 있다.

*[약어]: 단어 설명

약어에 대한 설명을 할 수 있는 기능이 있다.
*[약어]: 단어 설명

Footnotes

각주[^1]를 사용할 수 있다.

[^1]: 각주에 대한 설명 내용 부분 (문서 최하단)

각주[^1]를 사용할 수 있다.
[^1]: 각주에 대한 설명 내용 부분 (문서 최하단)

참조

profile
NO EFFORT, NO RESULTS

0개의 댓글