Hexo filter that inlines images, CSS, and JS in HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
test
.editorconfig
.gitignore
.travis.yml
CHANGELOG.md
LICENSE
README.md
index.js
package.json
yarn.lock

README.md

hexo-filter-inline-assets

npm npm Build Status NPM Dependencies Coverage Status

Hexo filter that inlines images, JS, and CSS in HTML

Installation

$ yarn add hexo-filter-inline-assets

Usage

The filter is enabled by default with the configuration:

inline_assets:
  enabled: true
  limit: 100000

Images

Any images in HTML are inlined if their file size is smaller than the limit defined in the configuration.

JS & CSS

To mark a JS or CSS file for inlining, just add ?__inline=true to the end of the file path:

<link rel="stylesheet" href="css/main.css?__inline=true">
<script src="myscript.js?__inline=true"></script>