HTML Support

Enable HTML in Hugo

Steps

1. Find your “hugo.toml”

Hugo_Tree



2. Add “markup” to the end

[markup]
  defaultMarkdownHandler = "goldmark"
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true



Test

① Audio

  • 《アンコール》 YOASOBI feat. ikura


- 《アンコール》 YOASOBI feat. ikura

<audio id="audio" controls="" preload="load">
      <source id="mp3" src="https://r2-hugo.meteor-oxalis3.com/01_hugo/アンコール.mp3">
</audio>



② Picture

  • Arch Linux

Arch Linux


<img src="https://r2-hugo.meteor-oxalis3.com/01_hugo/Arch_Linux.png"
alt="Arch Linux"
title="Arch Linux"
width="128"
height="128">


③ Video

  • BiliBili Player

《「Calc.」 ジミーサムP feat.初音ミク 》



<iframe src="//player.bilibili.com/player.html?bvid=BV1Wx411c7WC&high_quality=1&danmaku=0" 
allowfullscreen="allowfullscreen" 
width="100%" 
height="500" 
scrolling="no" 
frameborder="0" 
sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts">
</iframe>

Contents