绿色贡献值

介绍

GitHub的绿色贡献值，本项目是直接通过网页获取，如：

https://github.com/users/用户名/contributions

获取后，通过正则表达式提取内容，修改某些错位元素，添加css即可。

代码

代码地址pages/user/user.vue

async getContributions(params) {
  let res = await this.$minApi.getContributions(params)
  const reg = /[\s\S]*(\<svg[\s\S]*\<\/svg\>)[\s\S]*/
  if (res && res.match(reg)) {
    res = (reg.exec(res)[1]).trim()
    // fix: Horizontal and vertical position
    if (!this.$_.isEmpty(res)) {
      res = res.replace(/class="wday" dx="-10"/g, 'class="wday" dx="10"')
      res = res.replace(/\<text x="(\d+)" y="-8" class="month"\>(\S+)\<\/text\>/g, function(arg1, arg2, arg3) {
        return '<text x="' + (parseInt(arg2) + 10) + '" y="-8" class="month">' + arg3 + '</text>'
      })
      this.contriHtml = res
    }
  }
}

css代码

代码地址assets/css/custom.css

效果