配置 footer 样式效果

• docs\.vuepress\components\IndexBigImg.vue里添加如下代码：

  提示

  这里配置的包含首页底部的 footer 样式，不包含文章底部的 footer 样式

/* 页脚的颜色 */
.vdoing-index-class .footer {
  color: #ffffff;
}

/* 链接的样式 */
.vdoing-index-class .footer a {
  color: #ffffff;
  /* 链接的默认颜色 */
  text-decoration: none;
  /* 避免链接的下划线样式 */
}

/* 鼠标悬浮在链接上时的颜色 */
.vdoing-index-class .footer a:hover {
  color: #00aeec;
  /* 悬浮时改变颜色 */
}

• docs\.vuepress\styles\palette.styl文件也要配置：

  提示

  这里配置的是文章底部的 footer 样式，不包含首页底部的 footer 样式

/* docs\.vuepress\common\footer.ts页脚样式 */
/* 页脚的颜色 */
.footer {
  color: #ffffff;  /* 默认颜色 */
}

/* 链接的样式 */
.footer a {
  color: #ffffff; /* 链接的默认颜色 */
  text-decoration: none; /* 避免链接的下划线样式 */
}

/* 鼠标悬浮在链接上时的颜色 */
.footer a:hover {
  color: #00aeec; /* 悬浮时改变颜色 */
}