💮A fake infinite loading plugin for hexo.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
.DS_Store
.gitattributes
.gitignore
LICENSE
README.md

README.md

hexo-infinite-scroll

code style: prettier Maintainability GitHub license

💮 A fake infinite loading plugin for hexo.

View demo

Installation & Usage

Check head.ejs(or head.swig) in the theme folder and add below:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/frontendsophie/hexo-infinite-scroll@1.0.0/dist/hexo-infinite-scroll.min.css">
<script src="https://cdn.jsdelivr.net/gh/frontendsophie/hexo-infinite-scroll@1.0.0/dist/hexo-infinite-scroll.min.js"></script>
<script>infiniteScroll();</script>

Tips

  • This library depends on jQuery, please make sure jQuery has been loaded.
  • In case not working, please check _config.yml and set all the per_page to 0 to disable pagination.
  • To abandon animation, simply set loading.enabled to false and leave the css file.

General Options

key description default type
item target item className .post string
pageSize show num at a time 3 number
time load time(ms) 400 number
loading loading animation options { enabled: true, style: 'wave', color: '#f78769' } object

Loading Options

key values default type
enabled true, false true boolean
style wave, line, circle wave string
color ... #f78769 string

Style Preview

  • wave

wave

  • line

line

  • circle

circle