Fancybox
NexT supports the fancybox plugin, which is a jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
There is support for old version 2 and new version 3. Please, choose only any one variant, do not need to install both.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values fancybox to true in theme config file.
1 | fancybox: false |
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values fancybox to true in theme config file.
1 | fancybox: false |
Bookmark
Bookmark is a plugin that allow the users save their reading position. The users could just click the bookmark icon (like 🔖) in left-top of the page to save the position. And when they visit your blog in the next time, they can continue the last reading position by clicking the bookmark icon from the home page.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values bookmark.enable to true in theme config file.
1 | # Dependencies: https://github.com/theme-next/theme-next-bookmark |
Reading Progress
NexT supports the page scroll reading progress indicator.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values reading_progress.enable to true in theme config file.
1 | reading_progress: |
Progress bar
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values pace to true in theme config file.
1 | pace: false |
Pace includes a bunch of themes to get you started. Just include the appropriate css file.
- pace-theme-big-counter
- pace-theme-bounce
- pace-theme-barber-shop
- pace-theme-center-atom
- pace-theme-center-circle
- pace-theme-center-radar
- pace-theme-center-simple
- pace-theme-corner-indicator
- pace-theme-fill-left
- pace-theme-flash
- pace-theme-loading-bar
- pace-theme-mac-osx
- pace-theme-minimal
By default NexT uses pace-theme-minimal theme. You can configure it by editing values in pace_theme section in theme config file.
1 | pace_theme: pace-theme-minimal |
If you want to use the CDN, then need to set vendors in theme config file:
1 | vendors: |
FastClick
FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers. The aim is to make your application feel less laggy and more responsive while avoiding any interference with your current logic.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values fastclick to true in theme config file.
1 | # Added switch option for separated repo in 6.0.0. |
Jquery Lazyload
Jquery Lazyload is a modern vanilla JavaScript version of the original Lazy Load plugin. Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This is opposite of image preloading.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values lazyload to true in theme config file.
1 | # Added switch option for separated repo in 6.0.0. |
Quicklink
Quicklink is a JavaScript plugin that faster subsequent page-loads by prefetching in-viewport links during idle time. Chrome, Firefox, Edge are supported without polyfills.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values quicklink.enable to true in theme config file.
1 | … |
Backgroud JS
Canvas Nest
canvas-nest.js is a nest backgroud of website draw on canvas.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values canvas_nest to true in theme config file.
1 | # Dependencies: https://github.com/theme-next/theme-next-fastclick |
For now, it will be loaded both in webs and mobile devices.
Canvas Ribbon
canvas-ribbon.js is a ribbon backgroud of website draw on canvas.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values canvas_ribbon to true in theme config file. You can also configure the ribbon setting by editing values in canvas_ribbon section:
- size: The width of the ribbon.
- alpha: The transparency of the ribbon.
- zIndex: The display level of the ribbon.
1 | canvas_ribbon: |
For now only Pisces Scheme supports canvas ribbon setting under 6.0.x version or highter.
JavaScript 3D library
The aim of JavaScript 3D library is to create an easy to use, lightweight, 3D library. The library provides <canvas>, <svg>, CSS3D and WebGL renderers.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values three_waves or canvas_lines or canvas_sphere to true in theme config file.
1 | # three_waves |
Chinese Typesetting
Han Support
Han.css provides a CSS typography framework optimised for Hanzi.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values han to true in theme config file.
1 | # Dependencies: https://github.com/theme-next/theme-next-han |
Pangu Autospace Support
pangu.js will automatically insert a blank space between all the Chinese characters and the hexagonal English numeric symbols on the page.
Change dir to NexT directory, and install module to source/lib directory.
1 | $ cd themes/next |
If you want to use the CDN instead of clone this repo, then need to set vendors in theme config file:
1 | vendors: |
After the plugin installed, you can enable it by editing values han to true in theme config file.
1 | # Dependencies: https://github.com/theme-next/theme-next-pangu |