next启用fancybox

发表于 更新于 分类于 本文字数： 473 阅读时长 ≈ 1 分钟

开启 fancybox

在 theme/next/ 文件夹下找到 Next 7.0+ 主题的 _config.yml 配置文件

1
2
3
# FancyBox is a tool that offers a nice and elegant way to add zooming functionality for images.
# For more information: https://fancyapps.com/fancybox
fancybox: true

启用后fancybox，hexo文章中的图片可以点击放大查看，文章中的显示如下图

image-20240708214608291

但是文章中的图片下面会有 md 文件中引用图片的名字(默认是[]中的名字)

fancybox 隐藏图片标题

更改D:\hexo\themes\next\source\js\utils.js中的代码

1
2
3
4
//原值
var imageTitle = $image.attr('title') || $image.attr('alt');
//更改后的
var imageTitle =  $image.attr('alt');

更改后文章中的显示

image-20240708214927642