HTML

Hugo 从 0.60+ 版本引入了强大的 渲染钩子（render hooks） 功能，让你可以轻松自定义 Markdown 中图片、链接、标题、代码块等元素的 HTML 输出，极大提升内容展示的灵活度和维护效率。

本文详细介绍 Hugo 支持覆盖的渲染钩子类型及典型示例，帮你一步步打造个性化的 Markdown 渲染效果。

在日常前端开发、编写技术博客或构建在线教程平台的过程中，经常会遇到一个问题：如何在 HTML 页面中显示代码本身而不是被浏览器解析？

比如你想展示 <div>、<script>、  等标签或符号，但页面却直接把它当 HTML 执行了。这种时候，就需要用到 HTML 转义字符 或更合理的代码展示方式。

这篇文章将系统讲解：

• 什么是 HTML 转义字符
• HTML 转义的适用场景和不适用场景
• 如何更优雅地展示 HTML 原始代码
• 常用 HTML 实体符号对照表
• 实用的 HTML 转义在线工具推荐

HTML 实体转义字符（HTML Escape Characters）完整对照表列出了最常用的 HTML 转义字符。

在 Web 开发中，使用 badges 作为展示项目状态、数据统计、或品牌标识的方式非常流行。通常情况下，我们使用<img>标签来显示这些 badges。然而，当需要为 badge 设置点击跳转功能时，简单的<img>标签是不够的。这时，可以使用 HTML 的<object>标签来实现。

本文将详细介绍<object>标签的用法，并说明如何为 Shields.io 生成的 badge 设置正确的跳转链接。

很多人都用过 HTML mailto 链接做过交互。当我们点击 mailto 链接时，这个链接会激活用户计算机上的默认电子邮件客户端来发送电子邮件，我们可以通过在链接中添加参数实现默认填写电子邮件的标题和内容。