Customization

Info Page To customize the info page for PaperMod based website: params: homeInfoParams: Title: "👋Hello World!" Content: >- Welcome to Huijing Huang's tech blogs! Social Icons To add social icons: params: socialIcons: - name: "github" url: "https://github.com/rewrlution" - name: "linkedin" url: "https://www.linkedin.com/in/huijing-huang/" - name: "email" url: "mailto:sssjtuhuang@gmail.com" Here’s the full list of social icons. Tags To enable the tags mode for the PaperMod theme in Hugo, add tags to the post’s front matter: date: "2025-02-28T14:16:39-08:00" draft: false title: "Hugo Infopage" tags: ["hugo", "PaperMod", "customization"] Configure the config.yaml to include the taxonomies settings: ...

Display Math Equations To display math equations in Hugo, we need to add math typesettings. I followed the PaperMod - Math Typesetting tutorial since I use it as the template. The tutorial uses KaTex as the library. Step 1: Math.html Create a partial under /layouts/partials/math.html. I use the Auto-render Extension to render the math inside it, and I include the reference to the script: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.css" integrity="sha384-zh0CIslj+VczCZtlzBcjt5ppRcsAmDnRem7ESsYwWwg3m/OaJ2l4x7YBZl9Kxxib" crossorigin="anonymous" /> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/katex.min.js" integrity="sha384-Rma6DA2IPUwhNxmrB/7S3Tno0YY7sFu9WSYMCuulLhIqYSGZ2gKCJWIqhBWqMQfh" crossorigin="anonymous" ></script> <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.21/dist/contrib/auto-render.min.js" integrity="sha384-hCXGrW6PitJEwbkoStFjeJxv+fSOOQKOPbJxSfM6G5sWZjAyWhXiTIIAmQqnlLlh" crossorigin="anonymous" onload="renderMathInElement(document.body);" ></script> Step 2: Extend Head.html Then we need to include this partial in extend_head.html. ...