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-thumbnails

v0.0.6

Published

hexo plugin to generate image thumbnails

Downloads

3

Readme

hexo-thumbnails

nodei.co

npm

Hexo plugin to generate thumbnails for images.

  • can use any gm / imagemagick manipulation functions
  • writes thumbnails source directory along side original image
  • makes thumbnail url available as frontmatter variable

Deprecated

Please open an issue if you would like to take ownership.

Install

plugin

  npm i --save hexo-thumbnails

imagemagick

You'll need an imagemagick instance to handle the thumbnail creation.

debian:

  sudo apt-get install imagemagick

On windows you can try installing an imagemagick binary but I've not tested this plugin on windows so let me know how it goes.

Usage

Thumbnails will be added to your source folder when you hexo generate. They will be placed in the same folder as the original image.

A url for post cover images is added to posts as they're processed. So in the configuration example below, where post.cover contains the url for a cover image, post.largeThumb_cover and post.smallThumb_cover will contain urls for the thumbnails.

Configuration

example

thumbnails:
  masks:
    - \.jpg$
  profiles:
    largeThumb:
      resize:
        - 400
        - 400
      blur:
        - 10
    smallThumb:
      resize:
        - 400
        - 400

masks

default: all jpg, jpeg, gif, png files

Be careful with this. You can list the masks (rules?) you want to use to check which files to create thumbnails for. All profiles will be run for all matches. If one file matches multiple masks it will be processed multiple times.

You can use express style or regex style masks. See Hexo Patterns for additional information.

you can just write a regex like \.tiff$ (although that's not mentioned in the linked doc.)

If you specify any mask, the default will be overwritten. So if you specify a a single mask like \.tiff$, then jpgs will not be processed unless you add a mask for them.

profiles

default: resize to 200x200

an image will be generated for each profile. So in the example above, images/original.jpg would generate two thumbnails:

  • images/largeThumb-original.jpg, and
  • images/smallThumb-original.jpg

I haven't tested them all, but in theory you can use any of the myriad manipulation methods listed in gm, this plugin simply applies all the methods listed in a profile to the gm instance.

Api

See the fancy annotated code

Author

Levi Wheatcroft [email protected]

Contributing

Contributions welcome; Please submit all pull requests against the master branch.

License

  • MIT : http://opensource.org/licenses/MIT