如果 Hexo 博客系统中有较多图片,那么通常需要实现图片点击预览,以便读者放大浏览图片。在 Hexo 中,我们可以使用 fancybox 插件来添加图片点击预览功能。

下面以 Next 主题为例进行介绍。

Step1:切换到主题的 lib 目录

命令行
1
cd next/source/lib

如果主题的 source 目录下没有 lib 目录,则需要先创建。

Step2:下载 fancybox 插件

命令行
1
git clone https://github.com/theme-next/theme-next-fancybox3 fancybox

Step3:修改主题配置文件 _config.yml

1
fancybox: true

Step4:编译、预览

命令行
1
hexo server

# 参考

  • Hexo 实现图片点击预览
  • Hexo 文章中图片点击实现全屏查看
更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Rudy Lo 微信支付

微信支付

Rudy Lo 支付宝

支付宝

Rudy Lo 贝宝

贝宝