博客的多图片展示,一开始依靠的是hugo-easy-gallery,但是不方便显示和查看照片,希望有更舒适的方式支持图片展示。找到了几个符合想象的样例后,咨询使用者,得到了用插件处理的解决方案。跟着大佬的教程完成了操作:Hugo博客添加相册功能

一开始按照教程,实现不了,推断是我魔改代码其他地方影响了。无奈,重新拉取了Sulv博主的源码,重新按照自己的搭建教程,很快就修复好了。使用方式利用如下代码:

[comment]: <> 使用的时候去掉{ {<之间的空格
{ {< galleries >}}
{ {< gallery src="https://pic.huangjia.site/blog-images//2023-01-photos/shouxiguo.png" title="七餐寿喜锅">}}
{ {< gallery src="https://pic.huangjia.site/blog-images//2023-01-photos/malatang.png" title="玉兰苑麻辣烫">}}
{ {< gallery src="https://pic.huangjia.site/blog-images//2023-01-photos/donghumianguan.png" title="东湖面馆">}}
{ {< galleries >}}

另外,解决了页脚又拍云图片和文字在一行居中的问题。在blank.css中添加了如下代码,不知道怎么的就成功了。

/* 页脚图像文字同行 */
.satisDiv span,
img {
    padding-left: 0;
    vertical-align: middle;
    display: inline-block;
    float: none;
}

文字图像同行显示代码:

        · 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="_blank">
            <img src="/img/又拍云_logo5.png" height="30" align="center"  style="float:center;margin: 0px 0px 8px 0px;"></a><span>提供 CDN 加速/云存储服务</span>