Artalk 无评论随机显示诗词

Artalk 无评论随机显示诗词

💡 原文中文,约1000字,阅读约需3分钟。
📝

内容提要

本文介绍了如何在Artalk博客中实现无评论时随机显示诗词的功能。通过在管理后台的前端配置中插入HTML代码,可以调用今日诗词的API,展示优雅的诗词图片。作者还分享了选择颜色的技巧,以确保在不同背景下的可读性。

🔎

延伸解读

利用前端配置实现低代码集成

文章指出,Artalk 管理后台的“无评论显示文字”字段允许插入 HTML 代码,这为原本需要 JavaScript 侵入才能实现的功能提供了低代码方案。读者无需修改主题文件或编写额外 CSS,只需在后台填入一段 img 标签即可调用今日诗词的图片 API。这种做法的优势在于降低了对代码的侵入性,便于后续维护和主题切换。

颜色选择需兼顾明暗背景

作者选择 LightSlateGray 作为诗词文字颜色,是因为该颜色在 #22272e(GitHub Dimmed 暗色背景)和 #FFFFFF(白色背景)下都能保持可读性。文章提醒,今日诗词图片 API 的颜色参数目前只接受浏览器支持的英文颜色单词,共约 140 种。如果随意选用默认色,在明暗主题切换时可能显得突兀或难以辨认,因此需要实际测试。

适用场景与实现边界

该功能适用于 Artalk 评论系统无评论时的占位显示,通过调用今日诗词的图片 API 展示随机诗词。文章强调,这种方法不依赖 JavaScript 注入,也不需单独编写 CSS 兼容代码,属于低代码实现。但需注意,它仅改变无评论时的显示内容,不影响评论功能本身,且颜色等参数受 API 支持范围限制。

❓

Q&A

如何在Artalk博客中实现无评论时随机显示诗词的功能?

可以在Artalk管理后台的前端配置中插入HTML代码,调用今日诗词的API来实现。

今日诗词的API链接是什么?

今日诗词的API链接为https://www.jinrishici.com/doc/#image。

选择颜色时有什么建议?

建议使用LightSlateGray颜色,以确保在不同背景下的可读性。

Artalk博客支持多少种颜色?

目前有140种颜色被浏览器支持,颜色名称需为英文单词。

实现这一功能需要编写JavaScript或CSS吗?

不需要,使用低代码实现该功能,无需JS侵入网页或单独写CSS。

为什么选择#22272e作为暗黑模式的代表色?

#22272e是GitHub Dimmed的背景色,适合在暗黑模式下使用。

🏷️

标签

➡️

继续阅读