Image
CI\CD/Git Remote

[GitHub] README.md 파일에 스타일을 적용하는 방법을 살펴보자.

GitHub의 README.md 목차

GitHub의 마크다운 파일들이 이쁘게 만들어진 것을 볼 수 있다. 스타일을 적용해 이쁘게 만드는 방법들을 살펴보자.

 

  • Head(Title 서식 적용하기)
  • 가로선 만들기
  • 폰트에 스타일 적용하기
  • 리스트 만들기
  • 계층 만들기
  • 표 만들기
  • 코드 만들기
  • 코드에 syntax highlight 적용하기
  • 링크 만들기
  • 줄바꾸기

 

 


 

Head(Title 서식 적용하기)

Head 는 #의 숫자에 따라 다르게 적용된다.

 

# h1 Title1 
## h2 Title2
### h3 Title3
#### h4 Title4
##### h5 Title5
###### h6 Title6

 

 


 

가로선 만들기

___ , ---, *** 은 모두 같은 가로선을 만들어낸다.

 

그림1. 가로선

 

 


 

폰트에 스타일 적용하기

**This is bold text** : bold체 적용
*This is italic text* : italic체 적용
~~Strikethrough~~ : 가로줄 적용

 

 


 

리스트 만들기

+, -, * : 셋 다 똑같은 리스트를 만듦 Indent에 따라 달라짐

 

 

 


 

계층 만들기

계층은 '>' 으로 만들 수 있다.

 

 

 

> Kotlin
>> World
>>> Blog

 

 

 

 


 

표 만들기

표는 |와 -의 조합으로 만들 수 있다. 매우 직관적이다.

 

 

| Param | Description |
| ------ | ----------- |
| blogName   | KotlinWorld |
| description | Tech Blog for Kotlin |

 

 

 


 

코드 만들기

코드는 ``` 을 양끝에 넣음으로써 가능하다.

 

```
var blogName = "kotlinWorld"
```

그림2. 코드 블록

 

 


 

코드에 syntax highlight 적용하기

코드에 syntax highlight는 ``` 뒤에 언어를 넣어 가능하다.

``` swift
var blogName = "kotlinWorld"
```

그림3. 코드 블록

 

 


 

링크 만들기

링크는 다음과 같이 만들 수 있다. []안에 Text를 쓰고 ()안에 링크를 넣으면 된다.

[Kotlin World](http://kotlinworld.com)

그림4. 링크

 

 


 

줄바꾸기

줄을 바꾸기 위헤서는 스페이스를 두번 해서 빈칸을 두개 만들면 된다.

Kotlin  <-빈칸 2개 만들기!
World

 

 

 

반응형

 

이 글의 저작권은 '조세영의 Kotlin World' 에 있습니다. 글, 이미지 무단 재배포 및 변경을 금지합니다.

 

 

Kotlin, Android, Spring 사용자 오픈 카톡

오셔서 궁금한 점을 질문해보세요!
비밀번호 : kotlin22

open.kakao.com