Hexo Infinite Scroll

screenshot of Hexo Infinite Scroll
hexo
less

A fake infinite loading plugin for hexo. v2 released!

Overview

Hexo Infinite Scroll is a dynamic plugin designed for those who want to enhance their Hexo-based blogs with seamless, infinite loading capabilities. By integrating a modern loading animation, it provides a smooth browsing experience as users scroll through posts. With the abandonment of jQuery in favor of TypeScript, the plugin not only improves performance but also simplifies implementation for developers.

The latest version brings various enhancements that make installation straightforward, while also offering flexibility in customization. As blogs expand, the importance of keeping readers engaged with a fluid layout grows, and Hexo Infinite Scroll effectively addresses this need.

Features

  • Easy Installation: Simply adjust the head.ejs or head.swig in your theme folder, and you're ready to go.

  • Customizable Post Selector: Set the selector for your posts with the flexible post configuration to ensure it fits your theme perfectly.

  • Variable Posts Per Scroll: Control how many posts load with each scroll by adjusting the showNum setting, which defaults to three.

  • Loading Animation Control: Choose how long to display the loading animation with the loadTime parameter, allowing for a personalized user experience.

  • Loader Customization: Use pre-defined loaders or create your own with the style configuration, enhancing the visual appeal of your site.

  • Color Options: Set the color of the loader easily with the color parameter, enabling better integration with your site's color scheme.

  • Enhanced Performance: By switching to TypeScript and eliminating jQuery, the plugin offers improved speed and efficiency in loading content.

  • Versatile Loader Options: Explore various loader designs from loaders.css, adding a unique touch to your blog's loading animations.

hexo
Hexo

Hexo is a static site generator built with Node.js that enables developers to create fast and efficient websites using Markdown, EJS, and Stylus. It offers features such as server-side rendering, plugin support, and easy deployment to hosting services like GitHub Pages and Netlify.

less
LESS

Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.