makedown hugo 定义图片宽度以及直接解析html的方法

场景

有时候我们需要在md文件插入的文件中调整图片大小,或者其他一些调整,而其他md编辑器支持的的语法hugo不见得都支持
于是自然而然想手写html来实现,从Hugo V.0.60开始,默认的markdown渲染器是Goldmark,而Goldmark 默认会关闭html的解析

打开html解析功能

也就是添加一个配置项 markup.goldmark.renderer.unsafe: true

如你的hugo 是用的 config.yaml文件,那么添加或者修改

1
2
3
4
markup:
  goldmark:
    renderer:
      unsafe: true

对于config.toml文件,那么添加或者修改

1
2
3
4
[markup]
  [markup.goldmark]
    [markup.goldmark.renderer]
      unsafe = true

最终,你就可以直接用

1
<img src="//XXXX.jpg" width="300px" />
Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计