Hexo+NexT 如何取消下划线

探索经过

阶段一

查看网页源代码发现，这些元素都是a标签的。而text-decoration:none属性可以去除下划线，于是我找到了C:\Blog\themes\next-reloaded\source\css_common\components\post下的添加以下属性：

.post-body a {color: #428BCA;font-weight: bold;text-decoration:none;
}

于是我的链接就变成了下面这个亚子，原本以为及其容易的问题，结果又给我带来了很大的困惑。为什么颜色样式生效了，下划线却没有去除呢?

阶段二

我再次打开了网页源代码，发现了text-decoration:none就是它的属性。那为什么会失效呢？我就继续去找text-decoration:none失效的博客，结果都不符合我的问题情况。无意中，我想到了有没有一种可能，text-decoration:none已经生效了，现在的下划线是NexT默认的样式呢。于是我把text-decoration的属性值改为underline，来验证以下我的猜想。果然不出我所料，出现了两条下划线。一条蓝色的，一条灰色的。

阶段三

于是我就想找全局的border-bottom属性，如果找到对应的修改一下就好了。结果硬是没找出来，浪费了大量的时间。突然C:\Blog\themes\next-reloaded\source\css_variables下的base.styl映入眼帘，直觉告诉我应该就是它了。不过里面的border-bottom属性不是和链接相关的，于是我又陷入了思考会不会这个定位元素的方法出现了错误啊。后我又想到了用颜色定位。我查看了链接的下划线颜色(153,153,153)转成十六进制就是#999，然后我在base.styl找到这两段代码，这下终于被我找到了！！！删除或注释 $link-decoration-color = $grey-dark;问题就解决了！

$grey-dark    = #999;// Global link color.
$link-color                   = $black-light;
$link-color-dark              = $grey-light;
$link-hover-color             = $black-deep;
$link-hover-color-dark        = $gainsboro;
$link-decoration-color        = $grey-dark;
// 删除或注释 $link-decoration-color        = $grey-dark;