在 Hugo 博客中实现:ADHD 友好的菜谱打勾功能
最近在整理 Obsidian 笔记,用 Syncthing 同步文档时,突然想到:为什么不直接把笔记发布到博客上呢? 这样随时随地都能查看。 尤其是我的菜谱笔记——与其埋在本地,不如直接放到博客里。这样一来,做饭时可以边看边打勾,不容易漏步骤(ADHD 友好 🤷♀️);另一方面,如果有人也想试试我喜欢的菜谱,也能更轻松地跟着步骤操作。
最近在整理 Obsidian 笔记,用 Syncthing 同步文档时,突然想到:为什么不直接把笔记发布到博客上呢? 这样随时随地都能查看。 尤其是我的菜谱笔记——与其埋在本地,不如直接放到博客里。这样一来,做饭时可以边看边打勾,不容易漏步骤(ADHD 友好 🤷♀️);另一方面,如果有人也想试试我喜欢的菜谱,也能更轻松地跟着步骤操作。
看到别人博客里有“随机文章”按钮,我也想有一个!查到前人已经写过 Hugo 博客的随机文章实现方法,本以为跟着做就可以了,结果还是踩了几个坑。一开始以为是 Hugo DoIt 主题的问题,后来发现主要是自己前端知识太少。本文总结了我在 Hugo 的 DoIt 主题上实现随机文章功能的过程,包括最终方案和踩过的坑。
之前我使用的是 Disqus 博客评论系统,积攒了一些评论。但是因为 Disqus 的广告实在是太多了,界面也丑,于是我转向了无广告、简洁干净的 Waline 评论系统。
.xml.gz
文件,并解压得到 xml
文件。指路: Disqus Admin -> Setup -> Export。xml
文件转换成 json
格式。json
格式的评论导入 LeanCloud 后台(在数据存储 -> 导入导出
)。完成后在结构化数据
中可以看到所有评论。在迁移评论的过程中,我意识到一件事情:我不想要文章评论区。因为:
菜谱来源于 Serious Eats. 本人认为这个布朗尼菜谱是世界上最好吃的布朗尼菜谱!
菜谱来源于 Sweet Taste Kitchen 的蔓越莓曲奇。
食谱(可制作约25块曲奇)
提前20分钟左右预热烤箱(具体预热所需时间根据烤箱型号而定)至165℃/330°F, 中层上下火165°C/330°F烤20-23分钟。具体温度、层高、时间,需要根据自己烤箱实际情况做灵活调整。