https://blog.0xnullpath.cc/en/tags/%E5%8D%9A%E5%AE%A2%E6%94%B9%E9%80%A0%E8%AE%A1%E5%88%92/Recent content in 博客改造计划 on Code NowHugoenTue, 06 Jan 2026 03:33:16 +0000https://blog.0xnullpath.cc/en/posts/note-snippet-13-how-to-make-hugo-support-infographic/Tue, 06 Jan 2026 03:33:16 +0000https://blog.0xnullpath.cc/en/posts/note-snippet-13-how-to-make-hugo-support-infographic/<h2 id="introduction">Introduction</h2> <p><code>infographic</code> is a new component from Ant Group&rsquo;s AntV team. Its goal is to provide easier-to-use visualization tools for AI, positioned similarly to mermaid. It offers a DSL that is easy for developers and AI to use: by quickly writing DSL, you can rapidly visualize all kinds of charts, such as line charts and pie charts, and you can also visualize tools like grid diagrams and SWOT diagrams that are typically needed in PPTs. It is very easy to use. So I wanted to bring it into my Hugo blog, and be able to quickly visualize my ideas through <code>infographic</code> in a markdown code block.</p>