Hugo With Obsidian

本博客发文流程:vscode 中编写完 git push 到 Github 仓库,Cloudflare Pages 监测到变动即自动构建。

试用了一周 Cloudflare R2 储存感觉良好,而原 uPic 和 vscode 中的 PicGo 插件一直连不上 R2,但在 Obsidian 安装插件之后体会到丝滑般的感受!

Memos API 非官方不完全说明

官方源码见:https://github.com/usememos/memos/tree/main/server

Memos 条数

路径:api/memo/amount

总条数

https://me.edui.fun/api/memo/amount

结果:

远程获取内容失败,请检查 API 有效性。

指定用户

参数:userIdopenId

早期个人的ID为 101 ,现在新创建默认为 1

https://me.edui.fun/api/memo/amount?userId=102

结果:

远程获取内容失败,请检查 API 有效性。

Memos 单页及浏览器扩展

单页版 Memos : https://edui123.com/memos/

Pake 打包应用:Memos_1.0.0_x64.dmg

Chrome 浏览器插件应用商店: https://chrome.google.com/webstore/detail/memos-bber/cbhjebjfccgchgbmfbobjmebjjckgofe/

Hugo 「近期」短代码(基于 Memos Docker)

近期光影

此想法原创为 @Leonus 同学:《基于memos的动态相册》

仔细查阅发现调取一条带 #相册 标签的 Memos 内容,并正则匹配内容中的 md 格式图片,再前端解析。个人兼容拓展了一下,解析多条可外链和 Memos 内置资源库上传的图片显示。

Hugo 「近期」短代码(基于 Doumark Actions)

观影和阅读记录页面,无论用什么博客程序,总会想办法找 API 造轮子来实现。目前使用的是 Douban sync for GitHub Actions 方法,它会自动把“豆瓣观影/阅读/音乐记录同步”存为本地文件,安逸!

既然本地已经有一份自己的观影和阅读数据文件 data/douban/movie.csvdata/douban/book.csv ,除了做成两个页面,这些数据还能怎么用呢?

Hugo 游戏卡片短代码

效果如上 ⬆️

轮子来自于 @JoeZhao 同学的 《在 hugo 中插入游戏信息卡片》 ,👍

Hugo 豆瓣短代码

8.4
刘震云 / 2021 / 花城出版社
8.2
2023 / 中国大陆 / 科幻 冒险 灾难 / 郭帆 / 吴京 刘德华
抛开主题,为特效打工人打满分

效果如上 ⬆️

图片瀑布流折腾记

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

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

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

Hugo 相册短代码

效果如上 ⬆️

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

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

Hugo 添加相册页面

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

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

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