Artalk 无评论随机显示诗词

2023-10-18 17:00:14 浏览数 (1)

前言

Artalk 无评论时随机显示诗词(今日诗词或一言等)的效果,如本博客截图所示:

在本博客现阶段如果没有换主题或评论系统,随便找一篇没有评论的文章都可以看到实际效果。

要实现这个效果非常简单。 我无意中发现,在 Artalk 的管理后台的 前端配置无评论显示文字 可以插入 HTML 代码。 不知道这是开发者的有意或无意,让这一个需要 JS 侵入性实现的功能变得简单。 感谢我的灵机一动。

方法

打开 Artalk 管理后台,找到 前端配置 再找到 无评论显示文字: 输入:

1

<img alt="今日诗词" src="https://v2.jinrishici.com/one.svg?font-size=22&color=LightSlateGray">

如图所示:

API 来自 今日诗词:

  1. 图片形式调用
  • https://www.jinrishici.com/doc/#image

需要注意的是,颜色目前只接收英文单词, 查看所有颜色英文单词。目前有 140 种颜色被浏览器支持。

技巧

为什么选中 LightSlateGray 作为文字的颜色呢? 我发现在其他博客引用了我的 Memos 时,他们的博客有 等多种配色。 API 默认的颜色,在他们的网页上要么太突兀,要么看不清。 我自己试了好几个颜色,显示结果都不太满意,然后我就问了一下 ChatGPT。

什么颜色的文字能同时在 #22272e 和 #FFFFFF 这两种背景色下都能优雅的显示,要求这种颜色必须具备浏览能识别的英文名称

为什么要以 #22272e 作为暗黑模式的代表色呢?它是 GitHub Dimmed 的背景色。

现在的结果虽然不完美,但是能用了。 低代码实现了这一功能。没有 JS 侵入网页。不用单独写 CSS 兼容。

其他

我在很多很多我能参与到的网页或应用中都嵌入了今日诗词的 API。是不是会有装逼的嫌疑,我反省了一下,我觉得不是,因为我每刷新的一句诗,我都会默读一下。

0 人点赞