npm 包 hexo-light-gallery 使用教程
hexo-light-gallery是一个方便易用的Hexo网站图片展示插件，它提供了简单的配置和美观的展示效果。在Hexo博客中使用该插件，能够提供更好的图像显示效果，增强网站的美观度。
安装 hexo-light-gallery
你可以通过以下命令来安装该npm包：
npm i hexo-light-gallery --save
配置 hexo-light-gallery
首先，需要进入站点文件夹中，打开_config.yml文件进行相应的配置，添加hexo-light-gallery相关部分的配置。
# hexo-light-gallery light_gallery: enable: true # 是否启用 cdn: https://cdn.jsdelivr.net/npm/hexo-light-gallery@1.3.3/dist/lightgallery.min.js # CDN文件地址，建议使用cdn加速 theme_name: lg-fullscreen # 初始主题（请参考文档） download_url: https://github.com/sachinchoolur/lightGallery/archive/v1.3.2.zip # 下载链接 modules: ["zoom","pager"] # 组件模块（请参考文档）
展示图片
在需要展示图片的文章内添加以下代码即可生成图片展示效果：
{% lightgallery img/1.jpg, img/2.jpg %}你可以从你的博客目录修改这个路径来保持一致。同时，还可以设置更多的参数，详见官方文档。
该模块提供了一些可选模块，其中包括了autoplay、pager、zoom、thumbnail、fullScreenButton、video、hash、share、rotate、info等等，只需将他们添加到对应的配置项列表中即可。
下面是一个完整的示例代码:
{% lightgallery img/1.jpg, img/2.jpg
autoplay: true
zoom: true
thumbnail: true
modules: ["zoom","pager"] %}在该示例中，使用了以下几个常用的配置：
- 自动播放：autoplay为true；
- 图片预览：thumbnail为true；
- 展示工具条：modules为"zoom","pager"。
结论
Hexo-light-gallery是一个非常强大和方便的Hexo插件, 它提供了一些优秀的功能, 如放大预览, 图片缩略图, 自动播放, 展示工具条等。 在将图片展示到博客上时, 这个插件小巧简易易用, 成为博客美化方便利器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005600f81e8991b448ddef7