测试 ProseA.astro 组件

这篇文章用来测试我新创建的 ProseA.astro 组件，该组件复刻了 Vue 博客中的 ProseA 组件功能。

测试内部链接

测试外部链接

GitHub 链接

Astro 官网

Vue 官网

React 官网

Bilibili 视频

测试自定义图标

测试长链接

测试效果说明

• 内部链接：显示完整链接路径，鼠标悬停时显示完整 URL
• 外部链接：显示域名，鼠标悬停时显示域名，自动添加 target="_blank" 和 rel="noopener noreferrer"
• 特定域名：自动匹配对应图标
• 自定义图标：支持手动指定图标
• 悬停效果：带有渐变下划线和背景色变化

结论

ProseA.astro 组件已经成功实现了预期功能，完全适配了博客的布局和样式。