近期光影

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

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

效果演示

主题集成

  • album.html 另存为 html 修改第 5、6、7 行 limit memoUrl 网址和 creatorId 参数:
let limit = 8
var memoUrl = "https://me.edui.fun/"
var creatorId = 101
  • 之后丢入主题 /layouts/shortcodes/ 内;
  • 调用短代码如下:
\{\{< album >\}\}

相册动态更新方式一

leonus_2023-01-29_20-03-25

图片外链以 日期+空格+标题 命名方式前端会显示。

#相册
![2023-01-29 ](https://cn.bing.com/th?id=OHR.SessileOaks_EN-US1487454928_768x1280.jpg)
![Bing](https://cn.bing.com/th?id=OHR.Umschreibung_EN-US4693850900_768x1280.jpg)
![2023-01-29 Bing](https://cn.bing.com/th?id=OHR.InscriptionWall_EN-US1392173431_1280x768.jpg)
![](https://cn.bing.com/th?id=OHR.DonkeyFeast_EN-US1153850805_1280x768.jpg)

相册动态更新方式二

album

  • 格式要求:打标签 #相册空格相册图片名
  • 利用内置资源库上传单张或多张图片,即可。

近期 Memos

效果演示

主题集成

  • memos.html 另存为 html 修改第 5 行 bbUrl 网址和参数:
var bbUrl = "https://me.edui.fun/api/memo?creatorId=101&rowStatus=NORMAL&limit=5"
  • 之后丢入主题 /layouts/shortcodes/ 内;
  • 调用短代码如下:
\{\{< memos >\}\}

近期好物

效果演示

主题集成

  • goods.html 另存为 html 修改参数之后丢入主题 /layouts/shortcodes/ 内;
  • 文章内调用短代码如下:
\{\{< goods >\}\}

好物更新方式

memos-goods

标签后有空格,之后各行分别为:价格、标题(可链接)、描述。