hexo-tag-fancybox_img

Embed fancybox.js in Hexo posts/pages

Usage no npm install needed!

<script type="module">
  import hexoTagFancyboxImg from 'https://cdn.skypack.dev/hexo-tag-fancybox_img';
</script>

README

hexo-tag-fancybox_img

Embed fancybox img in Hexo posts/pages 中文文档

Syntax:

{% fb_img src [caption] %}

Usage

In Hexo blog run

npm i hexo-tag-fancybox_img --save

In Hexo posts/pages

{% fb_img src [caption] %}

Add latest jQuery and fancyBox files in theme

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>

Example:

{% fb_img https://ws3.sinaimg.cn/large/006bYVyvly1fxxewq3plij30yn0jjkjl.jpg sakura %}