Memos x Twikoo

欢迎在线围观:https://me.edui.fun/m/1532

@Damon 启发,给 Memos 增加了 Twikoo 评论。不过与之不同的是集成到自己的「自定义脚本」里。

Memos 广场(电报频道版)

频道链接: https://t.me/memos_bbs

发现自己有事没事就会刷一下 「哔哔广场」 ,最近很多好玩儿的、好看的都是从这儿得知。也许是上了年纪,虽喜欢折腾,但也喜欢开箱即用、一键部署即可的。

也喜欢看到大家分享的日常,一张照片、一句吐槽、一个感悟等等,都非常亲切。

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

指定用户

参数:userIdopenId

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

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

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 豆瓣短代码

8.5
刘震云2021重磅新作,人间多少事,两三笑话中。小说《一日三秋》引用民间“花二娘”的传说,以想象的故事描述“我”记忆中的六叔生前所画的画作,探讨延津人幽默的本质。 从两米见方的剧团人物群像素描中挑出陈长杰、李延生、樱桃,围绕几位主人公身边出现的人物,有开车的、扫大街的、开饭馆的,串联起几个家庭的人生经历和故事,把世人被忘却的情感和心事复刻出来。后引出寻常父子二人遍尝生活辛酸后对人生至理的了悟,在不同时间和地点悟出:一个重要的的瞬间,在人生中犹如一日三秋,但这瞬间永不再来。 小说充满了黑色幽默,世俗生活所包含的哲理,及打破日常生活壁垒的想象力。刘震云写出现实与想象中的人性、土地、命运。既是幽默,也是讽刺;既是魔幻,也是现实。 【编辑推荐】 ★《一日三秋》是当代著名作家刘震云的现实魔幻主义新作,《一句顶一万句》的升级版,从百年延宕到千年求索。 ★从《一地鸡毛》中的一斤豆腐到《一日三秋》中的一把韭菜,我们走过三十年,心态却如同经历了三千年。 ★神界鬼界 画里画外 戏里戏外 梦里梦外 故乡他乡 历史当下——“一日三秋”不止于时间体验,更是六重矛盾中的空间体验。 ★《一日三秋》是刘震云对故乡、对人生的多维反思,以笑话结构全书,以冷幽默消解严峻。 ★在人与故乡渐行渐远的年代,故乡成为一个遥远的记忆符号,然而它对人的影响却是连绵不绝的。刘震云以其独特的观察和幽默风格,写出了人类本质的命运。
book
7
太阳即将毁灭,人类在地球表面建造出巨大的推进器,寻找新的家园。然而宇宙之路危机四伏,为了拯救地球,流浪地球时代的年轻人再次挺身而出,展开争分夺秒的生死之战。
movie

效果如上 ⬆️

图片瀑布流折腾记

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

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

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

Hugo 相册短代码

效果如上 ⬆️

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

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