강력한 Github Markdown

Github의 Markdown이 얼마나 다재다능한 지 확인하십시오

Github Flavored Markdown

안녕하세요. Tom입니다 (또는 영어 또는 독일어 버전에서 소리내어 읽기를 사용하는 경우 가장 좋아하는 WaveNet 음성). 최근에 Github Markdown에서 사용할 수있는 멋지고 편리한 트릭을 보았습니다. 한 번 보자!

키보드 단축키

키보드 단축키를 설명하는 표준 HTML 태그로 인식 할 수있는 ""태그를 Github Markdown에서도 사용할 수 있습니다. 두 개의 ""요소 사이에 바로 가기를 설명하는 일반 텍스트를 넣으면 Github가 올바르게 렌더링합니다.

### Keyboard shortcut

<kbd>Cmd + C</kbd>

<kbd>ESC</kbd>

세부 사항 및 요약

알려진 HTML 태그에 대해 좀 더 자세히 알아보고 세부 정보와 요약 요소를 살펴 보겠습니다. HTML에서와 같이 세부 정보 요소는 축소 가능하며 사용자가 세부 정보보기를 열 때까지 정보 (세부 정보 요약)를 숨 깁니다. Github의 Markdown에서도 마찬가지입니다.

### Summary and details

<details>
  <summary>A summary title</summary>
  And that's a summary content.
</details>

그림 물감

새로운 풀 리퀘스트를 생성 할 때 16 진수 색상 정의를 백틱에 넣을 수 있으며 Github는이를 Markdown에서 특수 색상 태그로 렌더링합니다. 요소는 텍스트 변형의 색상을 포함 할뿐만 아니라 정의 된 색상을 나타내는 점을 표시하여 모양을 빠르게 확인합니다.

### Colors

For your PR's pleasure:

`#3285A8`

취소 선

취소하려는 텍스트 선택의 시작과 끝에 각각 두 개의 물결표 기호를 사용하면 취소 선이 적용됩니다. 물결표 기호는 사이에 공백없이 첫 번째와 마지막 문자에 직접 추가되어야합니다.

### Strikethrough

This a sentence. ~~This was a sentence.~~ 

특정 코드 정의

Markdown 코드의 시작과 끝 부분에 세 개의 백틱을 통해 코드 블록을 정의 할 수 있습니다. 프로그래밍 언어를 처음 세 개의 백틱에 직접 추가함으로써 Github Markdown은 올바른 구문 강조 표시를 추론하고 코드 검토의 가독성을 향상시킬 수 있습니다.

### Specified code language

```typescript
function add(a: number, b: number){
  return a + b;
}

### 미디어

Github는 또한 Markdown에서 이미지 및 비디오 인라인 표시도 지원합니다. 알아두면 좋은 점 : Markdown 편집기에서 관련 버튼을 클릭하거나 드래그 앤 드롭을 사용하여 미디어를 추가 할 수 있습니다.

## 빠른 기사 끝

이 기사를 읽고 있다면 대부분의 Github Markdown의 사용 가능한 요소에 익숙 할 것입니다. 위에 나열된 몇 가지 요소는 이전에 들어 보지 못한 요소이므로 공유하는 것이 합리적이라고 생각했습니다. 지금도 처음 보셨고 오늘 새로운 것을 배웠을 것입니다.

톰