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

lisixian

v1.0.10

Published

Minimal blog enhanced

Downloads

8

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

deerhounddeerhound

Keywords

Readme

Demo Website

Built upon the awesome Gatsby theme @lekoarts/gatsby-theme-minimal-blog:

Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.

Features

Include all features from the original theme

  • MDX
  • Fully customizable through the usage of Gatsby Themes (and Theme UI)
  • Light Mode / Dark Mode
  • Typography driven, minimal style
  • Tags/Categories support
  • Code highlighting with prism-react-renderer and react-live support. Also allows adding line numbers, line highlighting, language tabs, and file titles.
  • RSS Feed for blog posts
  • Google Analytics Support
  • SEO (Sitemap, OpenGraph tags, Twitter tags)
  • Offline Support & WebApp Manifest

And more

  • Math support with KaTex demo page

  • Image zoom for local and external images in MDX files or Ghost posts

    Zoom

  • Show excerpt in the blog page list

    excerpt

NOTE If you also want to use Ghost as a source of your posts, take a look at the branch ghost.

TODO:

  • Project page with project cards
  • Table of content for each post for an easier navigation
  • Suggestions are welcomed!

Customization

You can follow the customization guide from @lekoarts/gatsby-theme-minimal-blog. Other things to point out:

Changing the “Random Facts"

Go to src/@lekoarts/gatsby-theme-minimal-blog/texts/, change strings in Typewriter.jsx. Or if you want to replace the whole section, just change hero.mdx to whatever you want.

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on Gatsby's website.

Themes

  • To learn more about Gatsby themes specifically, we recommend checking out the theme docs.

General