效果如上 ⬆️
轮子来自于 @JoeZhao 同学的 《在 hugo 中插入游戏信息卡片》 ,👍
前两篇实现的图片瀑布流利用的是 「waterfall.js」 (1KB 原生 JavaScript 搞定图片瀑布流)和 「imgStatus」 (855bytes 原生 JavaScript 判断多图加载情况)。
不过,还是需要自己调校下,主要搞定:
效果如上 ⬆️
调用代码如下(需去掉反斜杠):
\{\{< gallery "images/2004gd">\}\}
旧文更新,效果见: https://immmmm.com/photos/
总有那么一瞬间特别特别想发一张照片,但不是以文章形式发布。
实现思路是程序自动遍历指定文件夹内的图片,并展示在一个页面上。有了思路,剩下的就是看文档、看文档、看文档,此功能利用 Hugo 的 readDir function 函数达成。
利用 Pake 给 「微信读书」 网页版打包成了 App。
加上了 「霞鹜文楷」在线字体;
增加内容宽度;
覆盖了亮色主题背景色为淡米色;
隐藏右侧控制按钮,只保留字体大小按钮;
隐藏底部工具栏,鼠标移动至底部显示。