컴공생의 다이어리

[마크다운, Markdown] 토글(toggle), Expander control(접기/펼치기) 본문

Development/기타

[마크다운, Markdown] 토글(toggle), Expander control(접기/펼치기)

컴공 K 2021. 10. 19. 00:01

Markdown 토글(toggle), Expander control(접기/펼치기)

마크다운에서 토글은 지원하지 않는다. 그렇기 때문에 html의 태그를 사용해서 토글 기능을 사용할 수 있다. 이 기능을 제공하는 html의 태그가 바로 details이다. 그리고 div markdown="1"을 꼭 넣어줘야 하는데 이것은 jekyll에서 html사이에 markdown을 인식 하기 위한 코드이다.

<details>
<summary>토글 접기/펼치기</summary>
<div markdown="1">

안녕

</div>
</details>
토글 접기/펼치기
안녕

 

 

 

 

 

https://ansohxxn.github.io/blog/markdown/

 

[Github 블로그] 마크다운(Markdown) 문법 총 정리

🔔 jekyll 블로그에 포스팅을 하기 위한 마크 문법 익히기

ansohxxn.github.io

https://inasie.github.io/it%EC%9D%BC%EB%B0%98/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4-expander-control/

 

마크다운 - Expander control(접기/펼치기) 만들기

마크다운에서 접기/펼치기 가능한 컨트롤 문법을 알아보겠습니다. 마크다운 자체엔 기능이 없는 듯 하여 html 의 details를 이용합니다.

inasie.github.io

 

728x90
저작자표시 비영리 동일조건

'Development > 기타' 카테고리의 다른 글

가상 머신(Virtual Machine)이란? - 정의, 종류  (0) 2021.10.25
[마크다운, Markdown] 이미지 삽입  (0) 2021.10.20
운영체제(OS, Operating System) - 정의, 종류, 기능, 목적  (0) 2021.10.15
Ubuntu 20.04에 APM 설치(Apache2, MySQL, PHP)  (0) 2021.10.01
[Jupyter notebook] 주피터 노트북 table(테이블) 왼쪽 정렬  (0) 2021.09.29
'Development/기타' Related Articles more
Comments