針對 hexo next 主題，不過其他主題也大同小異。

效果

以下是方法

新增配置

在主題配置檔案theme/next/_config.yml，新增配置項：

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

修改樣式檔案

next主題提供了使用者自定義樣式的擴充套件功能，我們只需要在theme/next/source/css/_custom/custom.styl裡新增樣式就可以新增或覆蓋原來的樣式。

// custom.styl
if hexo-config("custom_css.post_body_a.enable")
  .post-body
    a{
      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;
      }
    }

這裡，我們用了hexo-config()函式讀取配置，用stylus的內建函式convert()轉換成stylus需要的顏色格式。

這個方法最大的優點就是可配置，也支援隨時還原成原來主題的格式。

更多