[github page] jekyll 테마 마크다운 문법 - 첨부파일 문법

첨부파일

이미지 첨부

• basic

![Image](/assets/img/posts/IMAGE-FILE-NAME)

• 크기 변경

![Image](/assets/img/posts/IMAGE-FILE-NAME){: style="width: 500px;" }

• 이미지에 테두리 추가

![Image](/assets/img/posts/IMAGE-FILE-NAME){: style="border: 2px solid black;" }

• 이미지에 그림자 추가

![Image](/assets/img/posts/IMAGE-FILE-NAME){: .shadow }

• 이미지 정렬

  • 왼쪽 정렬

  ![Image](/assets/img/posts/IMAGE-FILE-NAME){: .left }
  

  • 오른쪽 정렬

  ![Image](/assets/img/posts/IMAGE-FILE-NAME){: .right }
  

동영상 첨부

<iframe width="480" height="360" src="VIDEO-ADDRESS-URL" frameborder="0">
</iframe>

링크 첨부

• 블로그 내 다른 포스트 링크

[링크 텍스트](/posts/01_Langchain%EB%AA%A8%EB%93%88-00-basic/)

• 기본 링크

[링크 텍스트](URL)

• 새 창에서 열리도록 설정

[링크 텍스트](URL){: target="\_blank" }

Code block

File path를 제목으로 주기

```shell
# content
```

{: file="path/to/file" }

# content

Special Block

• tip

<!-- prettier-ignore --> #프리티어 자동변환을 막기 위해, 이 설정을 추가해준다.
> This is an example of a Tip.
{: .prompt-tip }

This is an example of a Tip.

• info

<!-- prettier-ignore --> #프리티어 자동변환을 막기 위해, 이 설정을 추가해준다.
> This is an example of an Info block.
{: .prompt-info }

This is an example of an Info block.

• warning

<!-- prettier-ignore --> #프리티어 자동변환을 막기 위해, 이 설정을 추가해준다.
> This is an example of a Warning block.
{: .prompt-warning }

This is an example of a Warning block.

• danger

<!-- prettier-ignore --> #프리티어 자동변환을 막기 위해, 이 설정을 추가해준다.
> This is an example of a Danger block.
{: .prompt-danger }

This is an example of a Danger block.

그 외 팁

• 블로그