Github Blog 기초 Markdown - 3 (코드, 인용문)
👋 이번 포스팅에서 다룰 것
이번 글에서는 GitHub 블로그(Jekyll)에서 자주 사용하는 코드(Code)와 인용문(Blockquote) 문법을 실전 예제 중심으로 다룹니다.
💭 개발자의 블로그는 곧 기록의 아카이브입니다.
꾸준히 코드를 쓰고, 생각을 정리하는 습관이 성장의 시작입니다.
🧑💻 코드 (Code)
Markdown에서는 코드를 간결하게 표현할 수 있습니다.
짧은 명령어는 인라인으로, 여러 줄은 블록 형태로 작성하면됩니다.
✅ 인라인 코드
문장 중 `git status` 처럼 인라인 코드로 사용합니다.
예시:
터미널에 `git add .` 를 입력하세요.
인라인 코드는 명령어, 함수명 등 짧은 코드 표현에 적합합니다.
🧩 블록 코드 (Fenced Code Block)
```bash
git init
git add .
git commit -m "초기 커밋"
```
- ``` 뒤에 언어명을 적으면 문법 하이라이팅이 적용됩니다.
(bash,python,js,html등 지원)
💬 백틱(``)이 포함된 코드 표현
``Use the `code` function``
백틱(`)을 코드 내부에서 사용할 때는
코드 블록을 세 개 이상의 백틱으로 감싸면 됩니다.
⚙️ 코드 복사 버튼 (선택 기능)
복사 버튼은 Markdown 기본 기능이 아니므로
테마 또는 JS 플러그인을 통해 추가해야 합니다.
- Minimal Mistakes, Chirpy 등 일부 테마는 기본 제공
- 커스텀하려면
clipboard.js또는 Prism.js 플러그인 사용
💡 코드 작성 팁
- 중요한 명령어는 인라인 코드로
- 예제 스크립트는 fenced code block으로
- 긴 코드는 Gist 링크나 별도 파일로 관리
❝ 인용문 (Blockquotes)
인용문은 설명, 강조, 또는 글의 흐름을 정리할 때 유용합니다.
✅ 기본 문법
> 인용문은 이렇게 작성합니다.
예시:
인용문은 이렇게 작성합니다.
📄 여러 문단 인용
> 첫 번째 문단 인용.
>
> 두 번째 문단 인용.
첫 번째 문단 인용.
두 번째 문단 인용.
💬 중첩 인용
> 바깥 인용
> > 안쪽 인용
바깥 인용
안쪽 인용
🧠 인용문 안에 코드 / 리스트 넣기
> 다음은 예시입니다:
>
> - 리스트 항목 1
> - 리스트 항목 2
>
> ```python
> print("인용문 안의 코드블록")
> ```
다음은 예시입니다:
- 리스트 항목 1
- 리스트 항목 2
print("인용문 안의 코드블록")
🎨 인용문 스타일 팁
- 명언, 주의 문구, 정보 요약에 자주 사용
- 색상, 아이콘을 추가하면 시각적으로 구분됨
✅ 정리: 접근성과 가독성
- 코드 블록에는 언어 태그(
python,bash등)를 추가 - 인용문은 과도하게 중첩하지 말 것
- 시각적 강조는 꾸미되, 내용 전달이 우선
- 내부 링크는
relative_url필터로 관리
📌 마무리 및 다음 포스팅 예고
이번 포스팅에서는 코드, 인용문을 중심으로
Markdown에서 자주 사용하는 실전 문법을 익혔습니다.
다음 포스팅에서는 표(Table), 각주(Footnote), Task List 등
고급 Markdown 문법을 다룰 예정입니다.
꾸준한 기록이 곧 성장의 증거입니다. ✍️
💬 오늘의 명언
브루스 리 (Bruce Lee)
“Long-term consistency beats short-term intensity.”
“단기간의 강도보다 장기간의 꾸준함이 더 큰 힘을 발휘한다.”
Share on
X Facebook LinkedIn BlueskyComments are configured with provider: utterances, but are disabled in non-production environments.