Hexo Next 修改超链接的样式

Hexo Next 默认超链接样式

默认的Next主题的超链接的样式是 单纯的黑色 + 下划线

显得有点单调且不显眼

修改超链接样式

• 打开博客目录下./themes/source/css/_custom/custom.styl
• 在cutom.styl 最开始处加入如下的代码

if hexo-config("custom_css.post_body_a.enable")
  .post-body 
    a:not(.btn){
      color: convert(hexo-config("custom_css.post_body_a.normal_color"));
      border-bottom: none;
      &:hover {
        color: convert(hexo-config("custom_css.post_body_a.hover_color"));
        text-decoration: underline;
      }
    }

PS: 其中的 a:not(.btn) 是为了不影响阅读全文按钮

• 然后在主题配置文件./themes/_config.yml中加入custom_css的配置

custom_css:
  # the style of post body link
  post_body_a:
    enable: true
    normal_color: "#0593d3"
    hover_color: "#0477ab"

后续修改超链接样式时，只需修改配置文件里面的颜色值即可