1. Notice

깃헙 블로그의 ‘Jekyll’ 테마는 Notice 기능을 제공하는데, 이는 특정 세부 사항을 강조 또는 주의를 환기시키는데 사용한다. 사용법은 강조할 문장 뒤에 {: .notice}를 추가하면 된다.

Default: 강조할 문장 뒤에 {: notice}를 추가하면 된다.

Primary: 강조할 문장 뒤에 {: notice--primary}를 추가하면 된다.

Info: 강조할 문장 뒤에 {: notice--info}를 추가하면 된다.

Warning: 강조할 문장 뒤에 {: notice--warning}를 추가하면 된다.

Success: 강조할 문장 뒤에 {: notice--success}를 추가하면 된다.

Danger: 강조할 문장 뒤에 {: notice--danger}를 추가하면 된다.


2. div를 이용한 Notice

📝 리스트
  • 첫 번째 리스트
  • 두 번째 리스트
  • 세 번째 리스트

👩🏻‍💻 코드 공유

<div class="notice--primary">
  <strong>📝 리스트</strong>
  <ul>
    <li>첫 번째 리스트</li>
    <li>두 번째 리스트</li>
    <li>세 번째 리스트</li>
  </ul>
</div>


3. Reference

Minimal Mistakes, A Jekyll theme 공식문서

👩🏻‍💻개인 공부 기록용 블로그입니다
오류나 틀린 부분이 있을 경우 댓글 혹은 메일로 따끔하게 지적해주시면 감사하겠습니다.

태그:

카테고리:

업데이트:

댓글남기기