Skip to content

Latest commit

 

History

History
57 lines (38 loc) · 1.7 KB

qiita-20210224-673aba3637748346797c.md

File metadata and controls

57 lines (38 loc) · 1.7 KB
title emoji type topics published
GitHub PagesでMarkdownの<details>内要素がパースされない
😀
tech
Markdown
Jekyll
github-pages
kramdown
true

全て

問題

GitHub Pagesを作成する際, JekyllによるMarkdownからのHTMLページ生成を行ったが<details>内要素がパースされなかった.

image.png

なぜ

JekyllではHTML生成にkramdownが使われているが, 標準でparse_block_htmlfalseになっているためパースされないのであった.

<details><summary>test</summary>
```ruby
p "hello"
\```
</details>

(注: \はエスケープの為入れています.)

解決

ページ生成時のrootディレクトリに作成した_config.yml

markdown: CommonMarkGhPages

を追記して解決.

image.png

注意

markdown: kramdown
kramdown:
  parse_block_html: true

と記述すると, 1ページ内に複数<details>が存在した場合, バグる.

image.png