0.4.0 • Published 2 years ago

hexo-leetcode-calendar v0.4.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Hexo-LeetCode-Calendar

A Hexo plugin for quickly overviewing your leetcode submission data with customizable option to be imporved.(Only support leetcode-cn.com)

中文介绍页面PPLong--为你的Hexo博客添加LeetCode日历

Introduce

Hexo-LeetCode-Calendar is a concise submission calendar for users registered on LeetCode-CN, allowing you to generate any users submission data with several customizable options such as background, partial text color, submission color gap ...

Example in PC

image-20220425194054775

Install

Quick Start

To get a quick start ,you need to locate in your Hexo main directory. Then exec

npm install hexo-leetcode-calendar --save

And next, you can assert the calendar just simply insert :

{% leetcode username %}

in any location of your md file (username is your own name in leetcode-cn.com).

Then do : hexo clean && hexo g && hexo s , and you will see your own leetcode calendar in your own page.

Don't have a account in LeetCode-CN? If you have a account based in leetcode.com instead of leetcode-cn.com, then you can follow tips below to transfer your data to leetcode-cn.com. And use the account in leetcode-cn.com to use this plugins.

Customize

image-20220425203816033

If you don't satisfy the default layout setting ,you can edit your site configuration file (which is _config.yaml) (NOT your theme config file like _config.xxx.yaml). Write your own config like below:

leetcodecalendar: # ParentNode
  enable: true    
  submitGap: 5	  # every 5 submits will be divided into a level(to show in different color).
  showIcon: true  # show middle Leetcode icon
  color:
    submitColor: '#000' # submit count text color
    bgColor: '#fff'		# calendar background color
    subColors: ['#ebedf0', '#bef5cb', '#85e89d', '#34d058', '#1c992f']  # submit level color
ParamExplain
enableenable plugin (false will show nothing)
submitGapevery 5 submits will be divided into a level(to show in different color).
showIconshow middle Leetcode icon
submitColorsubmit count text color
bgColorcalendar background color
subColorssubmit level color

Update

  • v0.4.0 !important:
    • update day box color showing error in calendar page
    • optimize js code

Features

  • Partly support calendar layout in mobile phones and pad.

TODO

  • Support mutiple calendars in same page
  • Support English Language.
  • Add other text customizable optiton to it.
  • Reformat code

Thanks

Especially thanks to hexo-douban-card and hexo-githubcalendar which provides fantastic ideas and feasible resolution. There would be no hexo-leetcode-calendar without them.

And thanks to any users who are using the plugins. Any of your advices would be much valuable to me

0.4.0

2 years ago

0.3.1

2 years ago

0.2.8

2 years ago

0.1.9

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago