hexo-github-calendar-en

Install

npm i hexo-githubcalendar-en --save

Website root directory _config.yml configuration items (not themes):

For example butterfly is configured as Add the following code at the end of the file _config.yml

# butterfly
githubcalendar:
  enable: true
  enable_page: /
  user: yenmoc
  layout:
    type: id
    name: recent-posts
    index: 0
  githubcalendar_html: '<div class="recent-post-item" style="width:100%;height:auto;padding:10px;"><div id="github_loading" style="width:10%;height:100%;margin:0 auto;display: block"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 50 50" style="enable-background:new 0 0 50 50" xml:space="preserve"><path fill="#d0d0d0" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" transform="rotate(275.098 25 25)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg></div><div id="github_container"></div></div>'
  pc_minheight: 280px
  mobile_minheight: 0px
  color: "['#1b1f25', '#fdcdec', '#fc9bd9', '#fa6ac5', '#f838b2', '#f5089f', '#c4067e', '#92055e', '#540336', '#48022f', '#30021f']"
  api: https://python-github-calendar-api.vercel.app/api
  # api: https://python-gitee-calendar-api.vercel.app/api
  calendar_js: https://cdn.jsdelivr.net/gh/yenmoc/[email protected]/hexo_githubcalendar.js
  plus_style: ""

For more theme configuration, please refer to the issuse page：https://github.com/yenmoc/hexo-github-calendar.git/issues

Some Color Template

// Themes from GitHub
 github      = "['#eeeeee', '#9be9a8', '#40c463', '#30a14e', '#216e39']"
 halloween   = "['#eeeeee', '#fdf156', '#ffc722', '#ff9711', '#04001b']"

// Themes from Material design
 amber       = "['#eeeeee', '#ffecb3', '#ffd54f', '#ffb300', '#ff6f00']"
 blue        = "['#eeeeee', '#bbdefb', '#64b5f6', '#1e88e5', '#0d47a1']"
 bluegrey    = "['#eeeeee', '#cfd8dc', '#90a4ae', '#546e7a', '#263238']"
 brown       = "['#eeeeee', '#d7ccc8', '#a1887f', '#6d4c41', '#3e2723']"
 cyan        = "['#eeeeee', '#b2ebf2', '#4dd0e1', '#00acc1', '#006064']"
 deeporange  = "['#eeeeee', '#ffccbc', '#ff8a65', '#f4511e', '#bf360c']"
 deeppurple  = "['#eeeeee', '#d1c4e9', '#9575cd', '#5e35b1', '#311b92']"
 green       = "['#eeeeee', '#c8e6c9', '#81c784', '#43a047', '#1b5e20']"
 grey        = "['#eeeeee', '#e0e0e0', '#9e9e9e', '#616161', '#212121']"
 indigo      = "['#eeeeee', '#c5cae9', '#7986cb', '#3949ab', '#1a237e']"
 lightblue   = "['#eeeeee', '#b3e5fc', '#4fc3f7', '#039be5', '#01579b']"
 lightgreen  = "['#eeeeee', '#dcedc8', '#aed581', '#7cb342', '#33691e']"
 lime        = "['#eeeeee', '#f0f4c3', '#dce775', '#c0ca33', '#827717']"
 orange      = "['#eeeeee', '#ffe0b2', '#ffb74d', '#fb8c00', '#e65100']"
 pink        = "['#eeeeee', '#f8bbd0', '#f06292', '#e91e63', '#880e4f']"
 purple      = "['#eeeeee', '#e1bee7', '#ba68c8', '#8e24aa', '#4a148c']"
 red         = "['#eeeeee', '#ffcdd2', '#e57373', '#e53935', '#b71c1c']"
 teal        = "['#eeeeee', '#b2dfdb', '#4db6ac', '#00897b', '#004d40']"
 yellowMd    = "['#eeeeee', '#fff9c4', '#fff176', '#ffd835', '#f57f17']"

// Theme from Me
 unicorn     = "['#eeeeee', '#6dc5fb', '#f6f68c', '#8affa4', '#f283d1']"
 summer      = "['#eeeeee', '#eae374', '#f9d62e', '#fc913a', '#ff4e50']"
 sunset      = "['#eeeeee', '#fed800', '#ff6f01', '#fd2f24', '#811d5e']"

// Theme from MoonAntonio
 moon        = "['#eeeeee', '#6bcdff', '#00a1f3', '#48009a', '#4f2266']"
 psychedelic = "['#eeeeee', '#faafe1', '#fb6dcc', '#fa3fbc', '#ff00ab']"
 yellow      = "['#eeeeee', '#d7d7a2', '#d4d462', '#e0e03f', '#ffff00']"

Effect:

Resource

https://github.com/Zfour/hexo-github-calendar