포스트

게시글 html 태그와 md 태그에 대해

게시글 md 파일에 드롭다운과 내부 md 태그 사용 가능하게 하기

게시글 html 태그와 md 태그에 대해

네이버 클라우드를 진행하면서 기록했던 것들을 옮기다가 이슈가 생겼다.
그 덕에 이틀 동안 다른 글들을 못 옮기다가 이제야 해결이 되어 이슈를 기록한다.

그래서 뭔 일인가요.

markdown 문법에서 직접적으로 드롭다운을 제공하는 코드는 없어서 대부분 html 태그를 통해 드롭다운을 만들게 되는데

드롭다운이 뭔가요

뭐 대충 이런거요

1
2
3
4
<details>
<summary>드롭다운이 뭔가요</summary>
뭐 대충 이런거요
</details>


난 드롭다운을 애용하는 사람이기에 대부분의 정리 게시글에 한 개씩을 끼워져있다고 봐야한다.
근데 해당 코드를 사용하게되면 대부분의 md 파일은 한 칸을 띄우면 자동적으로 html 코드와 분리되어 내부 md 코드가 정상적으로 작동된다.

1
2
3
4
5
6
<details>
<summary>드롭다운이 뭔가요</summary>

- 내부문에서 위 아래 한칸을 띄우면 정상 작동함

</details>

당연히 md 파일로 게시글을 작성하니 동일하게 동작한다고 생각했는데….

응 아니야

음 예상과는 다르게 내부 md 코드가 인식되지않고 그냥 텍스트로 모두 변환되어 나타나버린다.

난 띄웠는데 왜그래요 - 난 모르겠다니깐요 ```markdown 코드문도 당연히 안 먹죠 그럼요 ```


여러방면으로 찾아보니 Jekyll의 이슈였던 것이었다.
Jekyll 이슈 #9297
위 이슈에 가면 나와 같은 문제를 겪는 사람들의 고충과 해법이 정말 다양했는데
여러가지를 시도해봤을 때 깔끔하게 사용할 수 있는 방법을 찾았다.

해결안

<details>에 markdown=1 속성을 추가해주고 <summary>에 markdown=”span” 속성을 추가해주면 내부 md 코드가 정상적으로 돌아간다.

이렇게 하면되더라고요
1
2
3
4
<details markdown=1>
<summary markdown="span">이렇게 하면되더라고요</summary>
내용 입력
</details>


이제 다시 정리본을 옮기면 된다. 하하

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.