You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Jekyll中Font Awesome自动显示外部链接符号,如何取消?

解决Jekyll中Font Awesome图标链接右侧的外部符号问题

这个问题是因为你的Jekyll主题默认给外部链接添加了装饰符号,通过CSS伪元素实现。以下是几种解决方式:

  • 给Font Awesome图标链接添加专属类,再通过CSS移除符号
    首先修改链接代码,添加类名:

    <a href="你的社交媒体链接" class="no-external-icon" target="_blank">
      <i class="fab fa-github"></i>
    </a>
    

    然后在你的CSS文件(比如assets/css/style.css)中添加:

    a.no-external-icon::after {
      display: none !important;
    }
    
  • 全局移除所有含FA图标的链接符号
    如果所有FA图标链接都不需要这个符号,可以直接写通用CSS:

    a:has(.fab, .fas, .far)::after {
      display: none !important;
    }
    

    注::has()选择器需要现代浏览器支持,若需兼容旧浏览器,建议用第一种类名方法。

  • 检查主题配置文件关闭全局符号
    部分Jekyll主题(如Minimal Mistakes)支持通过配置关闭外部链接符号,打开_config.yml查找类似配置项,修改为:

    external_links:
      icon: false
    

内容的提问来源于stack exchange,提问作者motionlesseuphoric

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.24 23:09:24