# 外部链接图标

**URL:** <https://meta.discourse.org/t/external-links-icon/392222>\
**Category:** Theme component\
**Created:** [2025年十二月27日 08:36 UTC](https://meta.discourse.org/t/external-links-icon/392222 "2025-12-27T08:36:34Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)\
**Post date:** [2025年十二月27日 08:36 UTC](https://meta.discourse.org/t/external-links-icon/392222/1 "2025-12-27T08:36:34Z")

</div>

| | | |
| --- | --- | --- |
| ℹ | **摘要** | 在主题和帖子中的外部链接旁添加图标 |
| 🛠 | **仓库** | [GitHub - denvergeeks/discourse-external-links-icon · GitHub](https://github.com/denvergeeks/discourse-external-links-icon) |
| ❓ | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Discourse 主题新手？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

安装此主题组件

使用默认的 SVG 图标（与核心中的“特色链接”图标相同），例如 [此链接 ![external-link-alt-solid-trans-919191-14x18](https://global.discourse-cdn.com/meta/original/4X/9/9/c/99cb9f3d712f3f2ec88a437922b3fa8690a3f566.webp)](https://github.com/denvergeeks/discourse-external-links-icon)。

它既能很好地适配浅色主题，也能适配深色主题，例如：

![light-sample](https://global.discourse-cdn.com/meta/original/4X/2/b/8/2b864053b4c13fc4009ae40eceb0d025739d8eb4.jpeg)

![dark-sample](https://global.discourse-cdn.com/meta/original/4X/0/5/2/052a527cd24a6bedfcd98c85b260d1cc8c746ced.jpeg)

此插件仅添加图标。如需功能更完整的解决方案，请访问 [External Link Shield – Exit Confirmation & Trust Gating](https://meta.discourse.org/t/external-link-shield-exit-confirmation-trust-gating/392962)

待办事项：设置以下选项…

- 位置
- 颜色
- 图标
- ？？

---

_[View the full topic](https://meta.discourse.org/t/external-links-icon/392222)._