图片瀑布流折腾记

前两篇实现的图片瀑布流利用的是 「waterfall.js」 (1KB 原生 JavaScript 搞定图片瀑布流)和 「imgStatus」 (855bytes 原生 JavaScript 判断多图加载情况)。

不过,还是需要自己调校下,主要搞定:

  • 支持图片 CDN 外链识别。
  • 支持多 Gallery 显示。

Hugo 相册短代码

效果如上 ⬆️

调用代码如下(需去掉反斜杠):

\{\{< gallery "images/2004gd">\}\}

Hugo 添加相册页面

旧文更新,效果见: https://immmmm.com/photos/

总有那么一瞬间特别特别想发一张照片,但不是以文章形式发布。

实现思路是程序自动遍历指定文件夹内的图片,并展示在一个页面上。有了思路,剩下的就是看文档、看文档、看文档,此功能利用 Hugo 的 readDir function 函数达成。

Memos 自定义代码片段

旧文换新颜。新实现以下功能:

调用 Bing 每日背景;

加载「霞鹜文楷」在线字体;

随机 Memos 回顾

设置 Favicon 图标为 emoji

启用「霞鹜文楷」在线字体

项目地址:https://github.com/chawyehsu/lxgw-wenkai-webfont

群晖 Docker 使用记录

Hi,Synology DS220+

#折腾 
说真,激动着一顿操作之后,看到如上“桌面”,茫然 10000 秒! 点哪个,套件?装什么套件?控制?要什么设置?File?让我看个文件,然后呢?DSM说明?嗯,懂了一点点…… 可接下来,我先干啥呢?来,一个一个来。

自从21年9月败入群晖 DS220+,折腾尝试了不少套件和镜像,目前稳定在跑的只剩这5个,还有2个镜像被 狂神SPK套件 一键安装所替代。(CloudDrive、AdGuardHome)。

精致截图扩展推荐:TinySnap

官方链接: https://tinysnap.app/zh-cn/

九月初朋友圈里看到 @罗伊 发布了这款截图插件,这几天深度用下来感觉真好,名副其实的「精致」👍再一搜寻,原来 @牧风 是背后的技术实现,真好真好!

Hi,Memos

An open source, self-hosted knowledge base that works with a SQLite db file.

官网:https://usememos.com/

可以说是支持 Docker 自部署的 flomo ,而且有 API 调取数据和发 Memos 。

Hi,Check 酱

一个通用网页内容监控工具,可以监测网页内容变化,并发送异动到指定IM。

Check 酱:https://gitee.com/easychen/checkchan-dist#check%E9%85%B1

Hi,Docsify

Docsify 快速生成文档网站,无需后端构建,即可渲染 markdown 文件。

已部署一串站点:小学数学教学助手小学语文教学助手语文课程标准数学课程标准英语课程标准等。