npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

hexo-leetcode-calendar

v0.4.0

Published

Generate your own leetcode(only supproting leetcode-cn.com) submit calendar with customizable option

Downloads

17

Readme

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

| Param | Explain | | ----------- | ------------------------------------------------------------ | | enable | enable plugin (false will show nothing) | | submitGap | every 5 submits will be divided into a level(to show in different color). | | showIcon | show middle Leetcode icon | | submitColor | submit count text color | | bgColor | calendar background color | | subColors | submit 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