搜索
toc
Latest Post

解决 Clash 开启后 Google Play 无法更新下载软件

树莓派4b从 SD 卡迁移至 SSD

网站记录

230513-顾村公园

Font Awesome 图标字体精简方案

Hugo 渲染原始 HTML

❤ Jun Xie

使用 Hugo 时有时候需要插入原始的 HTML 代码进行展示,但是 Hugo 会把这些 HTML 过滤掉,HTML 里面的结果是 <!-- raw HTML omitted -->,这并不是我想要的,查了一下有两种方式可以解决:

1. 使用 Hugo 的配置直接渲染 HTML

[markup.goldmark.renderer]
unsafe= true

但这样有个缺点,Markdown 里的所有 HTML 代码都会渲染掉,而往往我们需要指定部分代码。

2. 使用 shortcode

  1. 创建 shortcode 文件:layouts/shortcodes/html.html

    <!-- raw html -->
    {{.Inner}}
  2. 使用 shortcode

比如我这里引入了一段 Google Maps 的 HTML 代码。

{{< html >}}
<iframe src="https://www.google.com/maps/d/embed?mid=1er-AUqQBheAkbozaTvcFIUZLF-A&ehbc=2E312F" style="width:100%;height:25rem;border:none"></iframe>
{{< /html >}}

最终就会渲染成下面的地图(如果你能科学上网的话就可以看见)

Relate Post

SSL certificate problem: unable to get local issuer certificate 解决方法

maven获取不到jar包

服务器配置如何选择

Alacritty中文乱码问题

Maven项目配置了repository未生效