nywj with Hugo

Markdown 구문 가이드

For a quick cheatsheet, check out https://simplemde.com/markdown-guide.


이 문서에서는 Hugo 콘텐츠 파일에서 사용할 수 있는 기본 마크다운 구문 샘플을 제공하며, 기본 HTML 요소가 Hugo 테마에서 CSS로 장식되는지 여부도 보여줍니다.

Headings

다음 HTML <h1>-<h6> 요소는 6단계의 섹션 제목을 나타냅니다. <h1>이 가장 높은 섹션 수준이고 <h6> 이 가장 낮은 수준입니다.

H1

H2

H3

H4

H5
H6

단락

단락은 그냥 사용하세요.

이렇게.

블록따옴표

블록따옴표 요소는 다른 출처에서 인용한 콘텐츠를 나타내며, 선택적으로 ‘바닥글’ 또는 ‘인용’ 요소 안에 있어야 하는 인용문과 주석 및 약어와 같은 인라인 변경 사항을 포함할 수 있습니다.

Blockquote without attribution

블록 따옴표 안에 마크다운 구문을 사용할 수 있습니다. 블록 따옴표 안에 마크다운 구문을 사용할 수 있음을 주의하세요.

Blockquote with attribution

메모리를 공유해서 소통하는 것이 아니라, 소통하면서 메모리를 공유하세요. — Rob Pike1

Tables

테이블은 마크다운의 핵심 사양에 포함되지 않지만, 휴고는 기본적으로 테이블을 지원합니다.

NameAge
Bob27
Alice23

테이블 내 인라인 마크다운

ItalicsBoldCode
italicsboldcode

Code Blocks

백틱이 있는 코드 블록

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

공백 4개로 들여쓰기된 코드 블록

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

휴고의 내부 하이라이트 쇼트코드가 포함된 코드 블록

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

List Types

Ordered List

  1. First item
  2. Second item
  3. Third item

Unordered List

Nested list

Other Elements — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.


  1. The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎

#markdown #syntax