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
相关产品推荐
相关产品推荐

