用CSS屏蔽外链图标 fa-external-link-alt

[ghost]

当前，如果开启exturl:true，就会在每一个外链后边插入一个标识符，就如同现在的 https://theme-next.js.org 设置一样。

<i class="fa fa-external-link-alt"></i>

如果外链很多，排版看起来就有点乱，是否可以加入一个 exturl.alt: false 开关来控制上面这行代码？(虽然config.yml文件已经够长了😂)

[ghost]

我在styles.styl中添加了下面的代码来屏蔽这一个标签，但是会导致pangu在超链接右侧的空格失效

.fa-external-link-alt {
  display: none !important;
}

更新
于是我又为exturl::after增加了一个空格，代码如下。

/* 隐藏 fa-external-link-alt */
.fa-external-link-alt {
  display: none !important;
}
/* 修复空格 */
.exturl::after {
    content: ' ';
}

---

以上代码还是不完美，如果屏蔽Javascript，会发现 span exturl 后面有一个空格。

并不知道以上代码是否对NexT的其他样式造成破坏

[ghost]

放弃使用 pangu

[stevenjoezhang]

嗯，我也见到有用户只是觉得外链的标识符好看，就开启了 exturl （和你的想法是相反的）😂
可能确实需要把这两个功能分开，这样可以各取所需

另见 iissnan/hexo-theme-next#1438

a[rel="external"]::after {
  font-size: $font-size-small;
  margin-left: 4px;
  font-family-icons('\f35d');
}