hexo-filter-inline-assets

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>