基本功能:链接

本文旨在测试博客系统对各种类型链接的支持效果,包括内部链接、外部链接、锚点链接等。

内部链接(站内跳转)

使用 Hugo shortcode 的相对引用

数学公式测试页面

回到主页

直接使用相对路径

Labs 首页

关于页面

外部链接

技术相关链接

社交媒体链接

锚点链接(页面内跳转)

跳转到本页不同部分

文件下载链接

注:以下是示例链接,实际文件可能不存在

邮箱链接

电话链接

在新窗口打开的链接

使用 HTML 语法

Google 搜索(新窗口打开)

维基百科(新窗口打开)

图片链接

可点击的图片

Hugo Logo

带链接的缩略图

按钮样式链接

使用 HTML 和内联样式

访问 GitHub

Stack Overflow

引用链接

使用引用风格的链接

这是一个 引用风格的链接,还有 另一个链接

你也可以使用 链接文本本身

脚注链接

这里有一个脚注链接1,还有另一个2

代码中的链接

代码块中的链接示例

[普通链接](https://example.com "链接标题")
<a href="https://example.com" target="_blank">HTML 链接</a>

行内代码中的链接

访问 https://example.com 或使用 [链接文本](URL) 语法。

特殊协议链接

链接测试总结

本页面展示了以下类型的链接:

  1. ✅ Hugo shortcode 内部链接
  2. ✅ 相对路径链接
  3. ✅ 外部 HTTP/HTTPS 链接
  4. ✅ 锚点链接(页面内跳转)
  5. ✅ 邮箱链接
  6. ✅ 电话/短信链接
  7. ✅ 新窗口打开链接
  8. ✅ 图片链接
  9. ✅ 按钮样式链接
  10. ✅ 引用风格链接
  11. ✅ 脚注链接
  12. ✅ 特殊协议链接

测试说明: 这些链接用于验证 Hugo 博客系统的链接处理能力,确保各种链接类型都能正常工作。


  1. 这是第一个脚注的内容 ↩︎

  2. 这是第二个脚注,可以包含链接 ↩︎