https://hugozh.cn/functions/diagrams/ Recent content in 图表函数 on Hugo 中文文档 Hugo zh-cn Fri, 02 Oct 2026 01:21:54 +0800 https://hugozh.cn/functions/diagrams/goat/ Fri, 02 Oct 2026 00:00:00 +0800 https://hugozh.cn/functions/diagrams/goat/ <p>在<a href="https://hugozh.cn/render-hooks/code-blocks/">代码块渲染钩子</a>中使用时很有用：<code>diagrams.Goat</code> 函数返回由给定 <a href="https://github.com/bep/goat" target="_blank" rel="noopener">GoAT</a> 标记创建的 SVGDiagram 对象。</p> <h2 id="方法">方法</h2> <p>可在 <code>SVGDiagram</code> 对象上调用下列方法。</p> <dl> <dt id="inner"><code>Inner</code></dt> <dd>(<code>template.HTML</code>) 返回不带外层 <code>svg</code> 元素的 SVG 子元素，便于你自己创建外层包装。</dd> <dt id="wrapped"><code>Wrapped</code></dt> <dd>(<code>template.HTML</code>) 返回包在 <code>svg</code> 元素中的 SVG 子元素。</dd> <dt id="width"><code>Width</code></dt> <dd>(<code>int</code>) 返回渲染后图表的宽度，单位像素。</dd> <dt id="height"><code>Height</code></dt> <dd>(<code>int</code>) 返回渲染后图表的高度，单位像素。</dd> </dl> <h2 id="goat-图表">GoAT 图表</h2> <p>Hugo 通过<a href="https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/_markup/render-codeblock-goat.html" target="_blank" rel="noopener">内建代码块渲染钩子</a>原生支持 GoAT 图表。</p>