基本功能:链接
本文旨在测试博客系统对各种类型链接的支持效果,包括内部链接、外部链接、锚点链接等。
内部链接(站内跳转)
使用 Hugo shortcode 的相对引用
直接使用相对路径
外部链接
技术相关链接
社交媒体链接
锚点链接(页面内跳转)
跳转到本页不同部分
文件下载链接
注:以下是示例链接,实际文件可能不存在
邮箱链接
电话链接
在新窗口打开的链接
使用 HTML 语法
Google 搜索(新窗口打开)
维基百科(新窗口打开)
图片链接
可点击的图片
带链接的缩略图
按钮样式链接
使用 HTML 和内联样式
访问 GitHub
Stack Overflow
引用链接
使用引用风格的链接
你也可以使用 链接文本本身。
脚注链接
代码中的链接
代码块中的链接示例
[普通链接](https://example.com "链接标题")
<a href="https://example.com" target="_blank">HTML 链接</a>
行内代码中的链接
访问 https://example.com
或使用 [链接文本](URL)
语法。
特殊协议链接
链接测试总结
本页面展示了以下类型的链接:
- ✅ Hugo shortcode 内部链接
- ✅ 相对路径链接
- ✅ 外部 HTTP/HTTPS 链接
- ✅ 锚点链接(页面内跳转)
- ✅ 邮箱链接
- ✅ 电话/短信链接
- ✅ 新窗口打开链接
- ✅ 图片链接
- ✅ 按钮样式链接
- ✅ 引用风格链接
- ✅ 脚注链接
- ✅ 特殊协议链接
测试说明: 这些链接用于验证 Hugo 博客系统的链接处理能力,确保各种链接类型都能正常工作。